Tabs

Sectioned content with tabs

Tabs is built on top RadixUI Tabs component. All RadixUI props are passed, and can be used in the same way.

children

ReactNode

The content of the tabs

*Can't edit react node values here

Anatomy

<Tabs>
  <Tabs.List> 
    <Tabs.Trigger>{/* ... */}</Tabs.Trigger>
  </Tabs.List>
  <Tabs.Content>{/* ... */}</Tabs.Content>
</Tabs>
Previous

Dialog

Next

Text