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​

Para reportar algum problema, solicitar novos ícones, solicitar novos casos de uso de componentes, tirar dúvidas, enviar sugestões ou reportar bugs, entre em contato pelo nosso canal no Slack #tangram-design-system.