Navigation & Chrome

TabStrip

Faux-browser tab strip with window controls. Purely cosmetic chrome, useful for mockups and demos.

Props

TabStrip extends HTMLAttributes<HTMLDivElement>.

TabStripProps props

Prop	Type	Default	Description
`onNewTab`	`() => void`	—	Called when the + new tab button is clicked.

BrowserTabProps props

Prop	Type	Default	Description
`favicon`	`ReactNode`	—	Favicon rendered before the title.
`title`	`ReactNode`	—	Tab title text.
`onClose`	`() => void`	—	Called when the close button is clicked.
`active`	`boolean`	—	Highlights the tab as the current one.

Dashboard

Infrastructure

Settings

TabStrip with active and inactive tabs

🔵Dashboard

🟢Infrastructure

🟠Settings

With favicon and close

ImportTSX

import { TabStrip, BrowserTab } from "@solarius/onset";