@maggioli-design-system/mds-radial-menu-item
Advanced tools
mds-radial-menu-item is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
icon | icon | The icon displayed in the button | string | undefined | undefined |
size | size | "lg" | "md" | "sm" | "xl" | 'lg' | |
tone | tone | Specifies the tone variant for the button | "ghost" | "quiet" | "strong" | "weak" | undefined | 'weak' |
tooltip | tooltip | The tooltip displayed when hovering over the button | string | undefined | undefined |
variant | variant | Specifies the color variant for the button | "ai" | "apple" | "dark" | "error" | "google" | "info" | "light" | "primary" | "secondary" | "success" | "warning" | undefined | 'dark' |
| Name | Description |
|---|---|
--mds-radial-menu-item-transition-duration | Set the transition duration of the menu items |
--mds-radial-menu-item-transition-timing-function | Set the transition timing function of the menu items |
graph TD;
mds-radial-menu-item --> mds-button
mds-radial-menu-item --> mds-tooltip
mds-button --> mds-spinner
mds-button --> mds-icon
mds-button --> mds-text
mds-tooltip --> mds-text
style mds-radial-menu-item fill:#f9f,stroke:#333,stroke-width:4px
Built with love @ Gruppo Maggioli from R&D Department
FAQs
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Socket Threat Research maps a rare inside look at OtterCookie’s npm-Vercel-GitHub chain, adding 197 malicious packages and evidence of North Korean operators.
Research
Socket researchers identified a malicious Chrome extension that manipulates Raydium swaps to inject an undisclosed SOL transfer, quietly routing fees to an attacker wallet.
Research
/Security News
Another wave of Shai-Hulud campaign has hit npm with more than 500 packages and 700+ versions affected.