@emanon/ema-menu
v0.3.12
Published
## Overall Used to notify users of information with menu style.
Downloads
28
Readme
ema-menu
Overall
Used to notify users of information with menu style.
Properties
| Property | Attribute | Type | Default |
|------------|------------|-----------------------------------|-----------|
| color
| color
| "primary" \| "dark" \| "danger"
| "primary" |
| disabled
| disabled
| boolean
| false |
| name
| name
| string
| "" |
| opened
| opened
| boolean
| false |
| size
| size
| "large" \| "small"
| "large" |
| type
| type
| "normal" \| "ghost"
| "normal" |
Events
| Event | Type | Description |
|------------------|-------------------------------------------|-----------------------------------------------|
| request-toggle
| CustomEvent<{ accept: () => boolean; }>
| Fires when menu has tapped. Accept to toggle. |
CSS Custom Properties
| Property | Default | Description |
|------------------------------------|---------------------------------------------|--------------------------------|
| --ema-c-menu-bgColor-danger
| "lineaar-gradient(90deg, #ff8080, #f33)" | Background color of 'danger'. |
| --ema-c-menu-bgColor-dark
| "lineaar-gradient(90deg, #80888f, #80888f)" | Background color of 'dark'. |
| --ema-c-menu-bgColor-primary
| "linear-gradient(90deg, #80a6ea, #5289ea)" | Background color of 'primary'. |
| --ema-c-menu-borderColor-danger
| "#f33" | Border color of 'danger'. |
| --ema-c-menu-borderColor-dark
| "#80888f" | Border color of 'dark'. |
| --ema-c-menu-borderColor-primary
| "#5289ea" | Border color of 'primary'. |
ema-menu-item
Overall
Used as a ema-menu
's item.
Properties
| Property | Attribute | Type | Default |
|----------|-----------|----------------------|---------|
| size
| size
| "large" \| "small"
| "large" |