Sidebar section

From ImpVis Wiki
Revision as of 15:21, 12 July 2022 by He120 (talk | contribs) (→‎Props)
Jump to navigation Jump to search

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:

Hotspot-example-2.png


Theme.DeepBlue = new Theme('#0b3053')
Theme.Blue = new Theme('#008bd2')
Theme.Turqouise = new Theme('#11b1a2')
Theme.Lime = new Theme('#a8cc6a')
Theme.Purple = new Theme('#62296b')
Theme.Red = new Theme('#cf103f')
Theme.Orange = new Theme('#ef7814')
Theme.Yellow = new Theme('#fcd916')
Theme.Gold = new Theme('#f6b00f')


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.