A floating pill toolbar of round icon actions with one accent-highlighted primary action.
The import and the props worth knowing about, in one place.
import { Toolbar20 } from "@/components/beste/piece/toolbar20";
<Toolbar20
items={[
{
"icon": {
"displayName": "Plus"
},
"label": "New member",
"primary": true
},
{
"icon": {
"displayName": "CalendarPlus"
},
"label": "Book appointment"
},
{
"icon": {
"displayName": "MessageSquarePlus"
},
"label": "Message"
},
{
"icon": {
"displayName": "Search"
},
"label": "Search"
}
]}
bordered={false}
/>