Navigation & Chrome

TopBarIconButton

Place an icon action with an optional indicator inside a TopBar.

TopBarIconButton renders an icon action inside a TopBar. Supply an accessible name with aria-label.

Import

TSX

import { TopBarIconButton } from "@solarius/onset";

TopBarIconButtonProps props

Prop	Type	Default	Description
`icon`	`ReactNode`	—	Icon inside a 24×24px button. The application supplies icon dimensions.
`dot`	`boolean`	—	Displays a decorative 5px warning dot at the top-right corner. No accessible text is added.
`aria-label`	`string`	—	Required accessible label for the icon-only button.

TopBarIconButton