Section Header
A lightweight section title bar with a title, description, flexible actions slot, optional overflow menu, and an optional below slot for tabs or other sub-navigation.
Default
Title and description on the left, action buttons on the right. Pass showMenu to show the three-dot overflow button.
Team members
Manage your team members and their account permissions here.
With search
Pass an Input into the actions slot. Grow it to full width on mobile with w-full md:w-72.
Team members
Manage your team members and their account permissions here.
With button group
Use ButtonGroup + ButtonGroupItem in the actions slot for time-range or filter toggles.
Team members
Manage your team members and their account permissions here.
With tabs below
Pass any tab bar or sub-navigation into the below slot. It renders below the header row, still inside the border-b container.
Team members
Manage your team members and their account permissions here.
Search with tabs below
Combine a search input in actions with tabs in the below slot.
Team members
Manage your team members and their account permissions here.