Sidebar deprecated ADDON-MOBILE

    
import {TuiSidebar} from '@taiga-ui/addon-mobile';
import {TuiActiveZone} from '@taiga-ui/cdk';
 
// ...
 
@Component({
  standalone: true,
  imports: [
    // ...
    TuiSidebar,
    TuiActiveZone,
  ],
  // ...
})
export class Example {
  open = false;
 
  toggle(open: boolean) {
    this.open = open;
  }
}
    

        
            Copy
        
        
    

    
<button
  tuiButton
  type="button"
  (click)="toggle(true)"
  (tuiActiveZoneChange)="toggle($event)"
>
  Show sidebar
  <div *tuiSidebar="open">Content</div>
</button>
    

        
            Copy