TabButton

API reference and demos for TabButton.

Source

Import

import { TabButton } from "@flanksource/clicky-ui/data";

Demos

Tabs With Counts · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
active*	boolean	—	Current selected state.
className	string	—	Classes applied to the button.
count	number	—	Optional count badge. Hidden when zero.
countColor	string	bg-muted-foreground	Classes for the count badge background.
icon	string | ComponentClass<any, any> | FunctionComponent<any>	—	Optional leading icon.
label*	ReactNode	—	Visible tab label.
onClick*	(…) => void	—	Called when the tab is clicked.
variant	enum	pill	Visual style. Defaults to `pill`.