Components/Variant Management

fd-variant-management · 2 examples from SAP's documentation · Back to the gallery

About

Variants store filter settings which have been defined, for example, within the filter bar. The filter settings consist of filter parameters, selection fields and layout. This control enables the user to load, save, and change variants. In some cases, the table settings are also saved within a variant. In the context of tables, this control is used to save, manage, and load table settings which include layout, column visibility, sorting, and grouping.

Sizes

- For matching the dynamic / object page header style: add the modifier class .fd-variant-management__title--object-header to the .fd-variant-management__title base class. - For matching the dynamic / object page header style when the header is snapped or scrolled: add the modifier class .fd-variant-management__title--snapped-object-header to the .fd-variant-management__title base class. - For matching the size of Headers within Tables: add the modifier class .fd-variant-management__title--title to the .fd-variant-management__title base class.

Variant Title H1

Variant Title H2

Variant Title H3

Variant Title H4

Variant Title H5
Variant Title H6
Object Header
Snapped Object Header
Table Header

Disabled Variant Title H4

Dirty state

Variant management supports dirty indicator in cases when selected variant has been modified but not saved. It can be either an asterisk sign, or a human-readable text.

Unsaved Variant Title

*

Unsaved Variant Title

changed