Menu Icon

Descriptions

Descriptions list items. They let users know what is the explanations of objects.

Usage

Descriptions come with description items to add to grouping. They provide to give label, span and value.

Guidance

  • Descriptions should indicate a title.
  • They should group similar but seperate elements.
  • Able to add multiple Description Items by using + icon near Descriptions component on page tree.

When to use

  • Use Descriptions to define specialties of listed variables.

Additional info

  • Consider using borders in dense environments.
  • Consider using column count to configure number of items in same line.

Variations

  • They are differentiated with several design properties.
  • The updatable properties of Descriptions are title, layout, size and column count.
  • The updatable behaviour of Descriptions is bordered.
  • The updatable style features of Descriptions are typography and css.
  • The updatable style features of Descriptions Rows are typography, background and css.
  • The usable dynamic properties of Descriptions are bordered, title, column, size, layout, hidden and style.
  • The updatable properties of Description Item are label, span and value.
  • The updatable style features of Description Item are margin, padding, typography, background and css.
  • The usable dynamic properties of Description Item are label, span, hidden and style.