Sidebar
Import
import { Sidebar } from '@resultadosdigitais/tangram-components'
Properties
children
disableAutoPositioning
| Type | bool |
|---|---|
| Default | false |
Description
Disables automatic positioning of the component.
If this property is true, the component positioning must be provided by some external means.
collapsible
close
defaultClose
closeLabelText
| Type | string |
|---|---|
| Default | Sidebar.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.
openLabelText
| Type | string |
|---|---|
| Default | Sidebar.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.
onChange
| Type | func |
|---|---|
| Param | event React.SyntheticEvent - The event source of the callback. |
| Param | isClose 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
<SidebarHeader />
Import
import { SidebarHeader } from '@resultadosdigitais/tangram-components'
Properties
children
<SidebarLabel />
Import
import { SidebarLabel } from '@resultadosdigitais/tangram-components'