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'