Difference between revisions of "Sidebar section"

From ImpVis Wiki
Jump to navigation Jump to search
Line 43: Line 43:
==Design Choice==
==Design Choice==
The sidebar section title is in a boxed shape to make it stand out against any text. Icons can be specified to add a graphical visual element.
The sidebar section title is in a boxed shape to make it stand out against any text. Icons can be specified to add a graphical visual element.
[[Category:Layouts]]

Revision as of 10:25, 22 July 2021

The iv-sidebar-sectioncomponent creates a content section within the pane. It is placed inside the pane component (and inside the sidebar content component, if there is one). You can add multiple sections. Sidebarsection.png

Technical Information

Props

theme

Type: String

Default: 'Blue'

Description: Used to set the colour of the sidebar section. Can choose from the following:

Available themes.


title

Type: String

Required: true

Description: Title of the sidebar section


icon

Type: String

Default: 'star'

Description: Can specify the icon displayed next to the sidebar section title. Can choose any icon from this website.


highlight

Type: Boolean

Default: false

Description: If true, highlights the sidebar section.

Sidebar section when highlight prop is set to true.

Design Choice

The sidebar section title is in a boxed shape to make it stand out against any text. Icons can be specified to add a graphical visual element.