Tabs

Display tab content.

Standard

Toggle display of different templates.

Disabled

Hide Divider

With Icon

Show icon component on label button.

Imperatively

Control components with imperatively style.

with useTabs

Control components with hooks.

APIs / Schnittstellendokumentation

Tabs.Props

AttributeDescriptionTypeAccepted valuesDefault
initialValueinitial valuestring--
valuecurrent selected valuestring--
hideDividerhide default dividerboolean-false
onChangechange event(val: string) => void--
...native propsHTMLAttributes'alt', 'id', 'className', ...-

Tabs.Item.Props[alias: Tabs.Tab]

AttributeDescriptionTypeAccepted valuesDefault
label(required)display tab's labelstring--
value(required)unique ident valuestring--
disableddisable current tabboolean-false

useTabs

type useTabs = (
  initialValue: string,
) => {
  state: string
  setState: Dispatch<SetStateAction<string>>
  currentRef: MutableRefObject<string>
  bindings: {
    value: string
    onChange: (val: string) => void
  }
}

Co-Creators