Bottom Bar Container

3.1.3

The Bottom Bar Container component is a surface that is anchored to the bottom edge of the screen. It can contain various types of content, for example buttons.

Demo

Props

Se fullständing dokumentation(öppnas i ny flik)
NamnTypBeskrivning

children

ReactNode

customAttribute

{ attribute: string; value: string | number }Used for tests. Clickable and requested subcomponents will be suffixed with "-[ComponentName]".

elevated

boolean

Installation

Kodexempel
npm install @sj-ab/component-library.ui.bottom-bar-container

Länkar

Best practices

Elevation

Resting Bottom Bar Container(default)

Resting (default)

Elevated Bottom Bar Container (when content scrolls behind it)

Elevated (when content scrolls behind it)

Elevated Prominent Bottom Bar Container (when content scrolls behind it)

Elevated Prominent (when content scrolls behind it)

Examples

Bottom Bar Container Example 2

Example 2

Bottom Bar Container Example 3

Example 3

Bottom Bar Container Example 4

Example 4

Change log

Statistik

  • Importer av Bottom Bar Container

    5

  • Repos med Bottom Bar Container

    9%

  • Senaste installerade version av Bottom Bar Container

    3.1.3

  • Äldsta installerade version av Bottom Bar Container

    3.1.3