Spinner

We're hiring!Are you enthusiastic about software development and business requirements? And would you like to be part of a journey aiming at placing Tryg as the top insurance company in the Nordics?

Ads by Tryg Careers

Usage

Note: Spinner adds Loading as aria-label by default. This is required for accessibility. You can change it by passing a label or aria-label prop.

The spinner will be colored by 'currentColor' of its parent element. If you want to set the color of the spinner specifically, you can set the text color of the parent element or directly for the Spinner.

API

Properties

Property	Attribute	Description	Type	Default
`size`	`size`	We recommend controlling the size of the Spinner with the parent container. Size option included for the sake of flexibility.	`"large" \| "medium" \| "small" \| "xlarge" \| "xsmall"`	`undefined`
`strokeWidth`	`stroke-width`	You shouldn't change this from it's default but we've included the option for the sake of flexibility	`number`	`7`

Dependencies

Used by

anchor-button

Graph

graph TD;
  anchor-button --> anchor-spinner
  style anchor-spinner fill:#f9f,stroke:#333,stroke-width:4px

Installation

Usage

Sizes

Colors

API

Properties

Dependencies

Used by

Graph

On this page