components
Olive Menu
v.1.0.0 | SaturnUsage
The name of the tokens object to style the OliveMenu component is OLIVE_MENU_STYLES.
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 OliveMenu.
Variants
Variants can modify the styles for the OliveMenu. The tokens used are:
- container?: CommonStyleType;
- buttonContainer?: CommonStyleType;
- button?: {
[key in DeviceBreakpointsType]?: {
size?: string;
};
}; - listOptionsContainer?: CommonStyleType;
- actionBottomSheet?: {
variant?: string;
popoverVariant?: string;
[key in DeviceBreakpointsType]?: {
alignTitle?: POSITIONS;
};
}; - listOptions?: {
variant?: string;
optionVariant?: string;
};
Example
OliveMenu theme object example:
12345678910
const OLIVE_MENU_STYLES = { [VARIANT]: { container?: CommonStyleType, buttonContainer?: CommonStyleType, button?: { [DEVICE_BREAKPOINT]?: { size?: ButtonSizeType, }, }, listOptionsContainer?: CommonStyleType,