Tabs - Empreint

A controlled tab set. Use TabsItems, TabsItem, and TabsContent to switch between panels.

A modern React component library built with TypeScript and CSS Modules.

import { Tabs, TabsContent, TabsItem, TabsItems } from "@empreint/ui";

<Tabs defaultValue="one" onChange={(v) => console.log(v)}>
	<TabsItems>
		<TabsItem value="one">One</TabsItem>
		<TabsItem value="two">Two</TabsItem>
	</TabsItems>
	<TabsContent value="one">First panel</TabsContent>
	<TabsContent value="two">Second panel</TabsContent>
</Tabs>

Props

Prop

Type

CSS Variables

Prop

Type