Spinner (fw-spinner)

fw-spinner displays a continuous loader on the user interface, to indicate that a system is processing an entity.

Demo

Show Code

Usage

Properties

Property	Attribute	Description	Type	Default
color	color	Color in which the loader is displayed, specified as a standard CSS color.	string	''
size	size	Size of the loader.	"default" \| "large" \| "medium" \| "micro" \| "small"	'default'

CSS Custom Properties

Name	Description
--fw-spinner-color	Color of the spinner

Dependencies

Used by

• fw-button
• fw-file-2
• fw-select
• fw-toast-message

Graph

graph TD;
  fw-button --> fw-spinner
  fw-file-2 --> fw-spinner
  fw-select --> fw-spinner
  fw-toast-message --> fw-spinner
  style fw-spinner fill:#f9f,stroke:#333,stroke-width:4px

---

Built with ❤ at Freshworks