TairoCollapseToolbar

Documentation

Prerequisites
Nuxt, Layers, and Tairo
Installation
Add a layout
Your first page
Your first API route
Configuration

Tairo base layer
Sidebar layer
Collapse layer
Topnav layer
Iconnav layer
Extending Tairo Layers

Tailwind, and Tairo
Customizing Tailwind
Shuriken UI
Colors
Fonts
Tooltip

Panels
Form validation
Multi step forms
Pnpm workspace
Deployment
Troubleshooting

All components
UI Components
Forms
Tairo layer
Sidebar layer
Collapse layer
Topnav layer
Iconnav layer
Advanced
Integration

Toolbar menu

The Tairo toolbar provides a smart way to handle menu items that are displayed at the top of the page. It is available in both <TairoCollapseLayout> and <TairoSidebarLayout>

#<TairoCollapseToolbar>

•Properties

Name

Type

collapse

Show example

vue

horizontal-scroll

Show example

vue

•Slots

Name

Slot Prop Type

#title

This slot has no inherted props

Show example

vue

#<TairoCollapseBurger>

•Basic usage

This component has no props

vue