mds-spinner

This is a web-component from Maggioli Design System Magma, 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.

Properties

| Property | Attribute | Description | Type | Default | | --------- | --------- | ----------------------------------------------------------------------------------- | ---------------------- | ------- | | running | running | Specifies if the animation is running or not, it's required for performance reasons | boolean \| undefined | false |

CSS Custom Properties

| Name | Description | | ------------------------ | --------------------------------------- | | --mds-spinner-duration | Sets the duration of the icon animation |

Dependencies

Used by

• mds-button
• mds-entity
• mds-input

Graph

graph TD;
  mds-button --> mds-spinner
  mds-entity --> mds-spinner
  mds-input --> mds-spinner
  style mds-spinner fill:#f9f,stroke:#333,stroke-width:4px

Built with love @ Gruppo Maggioli from R&D Department