Components
- KonstaProvider
- App
- Action Sheet
- Badge
- Block
- Breadcrumbs
- Button
- Card
- Checkbox
- Chip
- Contacts List
- Data Table
- Dialog
- Floating Action Button
- Icon
- Link
- List
- List Button
- List Input
- List Item
- Menu List
- Messagebar
- Messages
- Navbar
- Notification
- Page
- Panel / Side Panels
- Popover
- Popup
- Preloader
- Progressbar
- Radio
- Range Slider
- Searchbar
- Segmented Control
- Sheet Modal
- Stepper
- Tabbar
- Toast
- Toggle
- Toolbar
- Toolbar Pane
Toolbar Pane Vue Component
Toolbar Pane is used in iOS theme to correctly wrap Toolbar content with "Glass"-effect elements. In Material theme it just bypasses its content and doesn't add any styling.
Contents
Toolbar Components
There are following components included:
ToolbarPane
Toolbar Props
| Name | Type | Default | Description |
|---|---|---|---|
| colors | object | Object with Tailwind CSS colors classes | |
| colors.tabbarHighlightBgIos | string | 'bg-black/10 dark:bg-white/15' | |
| component | string | 'div' | Component's HTML Element |
Code licensed under MIT.
2025 © Konsta UI by 
.
.