Spinner

te-spinner is the loading indicator used inside te-button and te-loading. It carries a visually-hidden label for screen readers.

Types

vue

<te-spinner type="normal" />
<te-spinner type="growing" />

Sizes

vue

<te-spinner size="small" />
<te-spinner size="medium" />
<te-spinner size="large" />

Colours

vue

<te-spinner color="primary" />
<te-spinner color="success" />
<te-spinner color="warning" />
<te-spinner color="danger" />
<te-spinner color="dark" />

Props

Prop	Type	Default	Description
`type`	`'normal'` \| `'growing'`	`'normal'`	Rotating ring or pulsing dot.
`size`	`'small'` \| `'medium'` \| `'large'`	`'medium'`	Diameter.
`color`	`'normal'` \| `'primary'` \| `'secondary'` \| `'success'` \| `'info'` \| `'warning'` \| `'danger'` \| `'pink'` \| `'purple'` \| `'light'` \| `'dark'`	`'primary'`	Colour variant.

Spinner ​

Types ​

Sizes ​

Colours ​

Props ​

Spinner

Types

Sizes

Colours

Props