AstraUI

Components

Tabs

A set of selectable items for navigating between related content sections.

Content for Tab 1

Props

NameTypeDefaultDescription
labelstring-The label of the tab.
iconstring-The icon to display in the tab.
childrenReact.ReactNode-The content of the tab.
classNamestring-Additional classes for styling.

Best Practices

  • Use descriptive labels for tabs to clearly convey their content.
  • Consider using icons alongside labels for better visual representation.
  • Make sure the tab content is organized and easy to navigate.