Mand MobileActivityIndicator
Activity indicator, generally used for ongoing tasks, only support web
Import
import { ActivityIndicator } from 'mand-mobile-next'
Vue.createApp().component(ActivityIndicator.name, ActivityIndicator)
Code Examples
API
ActivityIndicator Props
| Props | Description | Type | Default | Note |
|---|---|---|---|---|
| type | - | String | roller | roller, spinner, carousel |
| size | icon size | Number | 70px | unit px, or reset .md-activity-indicator_svg style directly |
| width | icon width | Number | - | unit px, only for roller |
| color | icon color | String | #fc9153/dark | spinner cannot customize color value, the optional values are dark and light |
| text-color | text color | String | #999 | or reset .md-activity-indicator-text style directly |
| text-size | text font size | String | 70px | or reset .md-activity-indicator-text style directly |
| vertical | icon and text are arranged vertically | Boolean | false | - |