A control bar with a segmented view switcher on a soft track, a live result count, and a filter chip on the row beneath.
The import and the props worth knowing about, in one place.
import { Toolbar21 } from "@/components/beste/piece/toolbar21";
<Toolbar21
surface="card"
bordered={false}
inverted={false}
segments={[
{
"icon": {
"displayName": "List"
},
"label": "List"
},
{
"icon": {
"displayName": "CalendarDays"
},
"label": "Week"
},
{
"icon": {
"displayName": "Rows3"
},
"label": "Rooms"
}
]}
activeIndex={1}
count="142 appointments"
filterLabel="All sites"
/>