Pular para o conteúdo principal

Tabs

Import

import { Tabs } from '@resultadosdigitais/tangram-components'

Properties

children 📍

Concerns
📍 Required
TypearrayOf(node)

Description

Sets the children. Two or more <Tab /> components.

as

Typenode | string
Default'div'

Description

Set element type to be rendered for this component. By default it will render a div element.

size

Type
Enum of:
  • Tabs.sizes.sm
  • Tabs.sizes.md
DefaultTabs.sizes.md

Description

Sets the tabs size.

centralized

Typebool
Defaultfalse

Description

Align the tabs list at the center.

onChange

Typefunc

Description

Callback fired when the Tabs changes.

onClick

Typefunc
Paramevent React.SyntheticEvent - The event source of the callback.

Description

Callback fired when the Tabs is clicked.

<Tab />

Import

import { Tab } from '@resultadosdigitais/tangram-components'

Properties

as

Typenode | string
Default'li'
Description

Set element type to be rendered for this component. By default it will render a li element.

id 📍

Concerns
📍 Required
Typestring
Description

Sets each tab id.

label

Typenode
Description

Sets the label.

icon

Typenode
Description

Sets the tab icon.

selected

Typebool
Defaultfalse
Description

Sets if tab is selected.

size

Type
Enum of:
  • Tab.sizes.sm
  • Tab.sizes.md
DefaultTab.sizes.md
Description

Sets the tab size.

onClick

Typefunc
Default() => {}
Description

Callback fired when Tab is clicked.

disabled

Typebool
Defaultfalse
Description

Set if tab is disabled.

Feedback