Welcome UI logo
FOUNDATIONSCOMPONENTSBLOG650+
10.0.0

Menu

    Actions

    • Button
    • ButtonGroup
    • Close Button
    • Link

    Data display

    • Accordion
    • Avatar
    • Badge
    • Card
    • Swiper
    • Table
    • Tag
    • VisuallyHidden

    Feedback

    • Alert
    • StickyNote

      NEW

    • Toast

    Forms

    • Checkbox
    • DatePicker
    • DateTimePicker
    • Field
    • FileDrop
    • FileUpload
    • Hint
    • InputText
    • Label
    • PasswordInput
    • Radio
    • RadioGroup
    • RadioTab
    • Search
    • Select
    • Slider
    • Textarea
    • TimePicker
    • Toggle

    Icons & logo

    • Icon
    • IconStamp

      NEW

    • Logo
    • VariantIcon
    • WelcomeLoader

    Layout

    • AspectRatio
    • Loader
    • Window

      NEW

    Navigation

    • Breadcrumb
    • DropdownMenu
    • Pagination
    • Stepper

      NEW

    • Tabs

    Overlay

    • Drawer
    • Modal
    • Popover
    • Tooltip

    Typography

    • Text

    Utilities

    • Grid background

Overview

Props

Tabs.Tab

badge
string
number
className
string
icon
string
number
false
true
ReactElement<any, string | JSXElementConstructor<any>>
Iterable<ReactNode>
ReactPortal
iconColor
blue
green
orange
pink
teal
violet
warm
id
string
The ID of the composite store is used to reference elements within the composite widget before hydration. If not provided, a random ID will be generated.
size
lg
md
store
TabStore & Store<Partial<TabStoreState>>
Another store object that will be kept in sync with the original store. Live examples: - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)

On this page

  • Tabs.Tab
    • badge
    • className
    • icon
    • iconColor
    • id
    • size
    • store
Made with by
Welcome to the jungle logo

Documentations

  • Foundations
  • Components
  • Source code

Updates

  • Releases
  • Issues

Community

  • Github
  • Twitter
  • Medium
  • Jobs