Skip to main content

Sidebar

import { Sidebar } from '@resultadosdigitais/tangram-components'
Typenode

Description​

Sets the children.

Typebool
Defaultfalse

Description​

Disables automatic positioning of the component. If this property is true, the component positioning must be provided by some external means.

Typebool
Defaultfalse

Description​

Sets the Sidebar as collapsible.

Typebool

Description​

Controls if a collapsible Sidebar is closed or open.

Typebool

Description​

Starts a collapsible Sidebar as closed.

Typestring
DefaultSidebar.translations.en.close

Description​

Custom text for the label that identifies the close icon for the collapsible Sidebar. This text is not displayed on the screen.

Preset values for English, Brazilian Portuguese and Spanish are available in Sidebar.translations.en.close, Sidebar.translations.ptBR.close and Sidebar.translations.es.close.

Typestring
DefaultSidebar.translations.en.open

Description​

Custom text for the label that identifies the open icon for the collapsible Sidebar. This text is not displayed on the screen.

Preset values for English, Brazilian Portuguese and Spanish are available in Sidebar.translations.en.open, Sidebar.translations.ptBR.open and Sidebar.translations.es.open.

Typefunc
Paramevent React.SyntheticEvent - The event source of the callback.
ParamisClose boolean - Boolean value indicating whether the Sidebar is closed.

Description​

Callback fired when the collapsible Sidebar changes from open to closed or closed to open.

<SidebarFooter />​

Import​

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

Properties​

children​

Typenode
Description​

Sets the children.

<SidebarHeader />​

Import​

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

Properties​

children​

Typenode
Description​

Sets the children.

<SidebarLabel />​

Import​

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

Properties​

children​

Typenode
Description​

Sets the component children.

Feedback​