Animated open/close togglers for navbars, drawers and playlists. Each toggler owns its boolean state through the two-way [(open)] binding. Each is a real button, named by label, that reports aria-expanded (and aria-controls with controls), and is disabled until the page is interactive.
<bs-navbar-toggler [(open)]="open" label="Show the menu"></bs-navbar-toggler>
import { Component, model } from '@angular/core';
import { BsNavbarTogglerComponent } from '@mintplayer/ng-bootstrap/navbar-toggler';
@Component({
selector: 'my-toggle-buttons-demo',
templateUrl: './my-toggle-buttons-demo.component.html',
imports: [BsNavbarTogglerComponent],
})
export class MyToggleButtonsDemoComponent {
protected readonly open = model(false);
}
<bs-playlist-toggler [(open)]="open" label="Show the playlist"></bs-playlist-toggler>