Loading
A loading message is a simple message that appears on the screen, informing the user that the app is performing an action in the background.
| Type | Resource |
|---|---|
| Design | Figma |
| Web | Web Storybook |
| Code | Gitlab |
Usage
import { Loading } from 'bio-bind-ui';<Loading mode='light' size='md' type='spinner' />Examples
Type (optional)
Use type to select a loading spinner, loading dot or loading horizontal.
Size (optional)
Use size to determine the size of the loading.
Mode (optional)
Use mode to use dark or light.
Props
| Props | Required | Default | Type | description |
|---|---|---|---|---|
| size | false | md | xs, sm, md, lg, xl | The size of loading component (xs, sm, md, lg, xl). |
| type | false | line | spinner , dot , horizontal | The type variant of the loading (spinner, dot , horizontal). |
| indicator | false | - | JSX.Element | Unique identifier for loading indicator. |
| mode | false | light | light dark | The theme mode of the loading (light or dark). |