Components
expander

titles

5min

The titles component displays a title, subtitle, comment, or any type of text content with an icon which is optional.

Titles Preview
Titles Preview


Configuration options



Core structure



title

Add text on the centerElements of the component.expander. You can add text, expressions or Text with Format in the field. Text with format includes, currency, decimal, dateTime and more.

Other options



align

The alignment of the content inside of your component. Where the container and text should be aligned, the options are:

  • left
  • right
  • center

icon

Add an icon to the title. A list of icons is available. See Jigx icons for more information.

iconColor

Sets the color of the icon, choose a color from the provided color palette. Default color is black if the property is not specified in the YAML. See the list of available colors in Jigx color palette.

style

The following styling sets are available:

  • isNegative
  • isPositive
  • isWarning

subtitle

Add a subtitle/ short description of the component.

Consideration

  • component.titles can only be used in the centerElement of the component.expander

Examples and code snippets 

Expander with titles
Expander with titles

Expander with titles


Examples:

See the full example using static data in GitHub. See the full example using dynamic data in GitHub.

Datasource:

See the full datasource for dynamic data in GitHub.

expander (static)
expander (dynamic)
datasources (dynamic)




Updated 24 Jul 2024
Doc contributor
Did this page help you?