
components
Functionalities Module
v.1.0.0 | SaturnUsage
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:
- tabsContainer?: CommonStyleType;
- buttonContainer?: CommonStyleType;
- actionBottomSheetContainer?: CommonStyleType;
- contentContainer?: CommonStyleType;
- contentNotLastChild?: CommonStyleType;
- listOptions?: {
variant?: string;
optionVariant?: string;
}; - actionBottomSheet?: {
variant?: string;
alignTitle?: POSITIONS;
};
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;