UNPKG

carbon-components

Version:

The Carbon Design System is IBM’s open-source design system for products and experiences.

35 lines (26 loc) 905 B
### HTML Design change around the spinner UI involves markup change for the loading SVG's circle, utilizing new CSS classes (below). Vanilla markup should be migrated to one shown in [carbondesignsystem.com](https://next.carbondesignsystem.com/components/inline-loading/code) site. React and other framework variants should reflect the change automatically. **New Markup**: ```html <svg class="bx--loading__svg" viewBox="-75 -75 150 150"> <circle class="bx--loading__background" cx="0" cy="0" r="30" /> <circle class="bx--loading__stroke" cx="0" cy="0" r="30" /> </svg> ``` **Old Markup**: ```html <svg class="bx--loading__svg" viewBox="-75 -75 150 150"> <circle cx="0" cy="0" r="37.5" /> </svg> ``` ### ### SCSS | v9 | v10 | Note | | --- | ------------------------- | ----- | | - | `bx--loading__background` | ✨New | | - | `bx--loading__stroke` | ✨New |