Installation
Section titled “Installation”- Package
@bigbang/ui- Import
import { Spinner } from '@bigbang/ui';- Source
- Spinner.tsx
- Storybook
- Spinner · Playground
Spinner is in the @bigbang/ui package.
import { Spinner } from '@bigbang/ui';
<Spinner size="md" label="Loading results" />;size- Description
- Icon size: 12, 16, 20 or 24 px.
- Type
'xs' | 'sm' | 'md' | 'lg'- Default
'sm'
tone- Description
- Colour of the arc: the surrounding text colour, subtle text or the primary action colour (
brand, as in the other components).primaryis the former name ofbrandand draws the same colour. - Type
'current' | 'subtle' | 'brand' | 'primary'- Default
'current'
label- Description
- What is loading, read by screen readers. Without it, the library string
ui.spinner.loadingis read ("Yükleniyor" or "Loading"). - Type
string
decorative- Description
- Hides the spinner from assistive technology, when the surrounding control announces the state itself.
- Type
boolean- Default
false
className- Description
- For layout only: margins and placement.
- Type
string
Data attributes
Section titled “Data attributes”data-component="spinner": on the root element.