Go Main page
Go Main page

Web components

cover

components

Functionalities Module

v.1.0.0 | Saturn

Usage

The name of the tokens object to style the FunctionalitiesModule component is FUNCTIONALITIES_MODULE_STYLE.

You can not change the name of the object of tokens.

There is one prop that allows to modify different aspects of the component:

  • Variant: modify the styles of the FunctionalitiesModule.

Variants

Variants can modify the styles for the FunctionalitiesModule. The tokens used are:

Example

FunctionalitiesModule theme object example:

12345678910
const FUNCTIONALITIES_MODULE_STYLE = {
  [VARIANT]: {
    tabsContainer?: CommonStyleType;
    buttonContainer?: CommonStyleType;
    actionBottomSheetContainer?: CommonStyleType;
    contentContainer?: CommonStyleType;
    contentNotLastChild?: CommonStyleType;
    listOptions?: {
      variant?: string;
      optionVariant?: string;