<.dm_loading_spinner id="loading-spinner-single-default" />

<.dm_loading_spinner id="loading-spinner-single-with-text" text="Loading..." />

<.dm_loading_spinner id="loading-spinner-sizes-xs" size="xs" />
<.dm_loading_spinner id="loading-spinner-sizes-sm" size="sm" />
<.dm_loading_spinner id="loading-spinner-sizes-md" size="md" />
<.dm_loading_spinner id="loading-spinner-sizes-lg" size="lg" />

<.dm_loading_spinner id="loading-spinner-colors-primary" text="Primary" variant="primary" />
<.dm_loading_spinner id="loading-spinner-colors-secondary" text="Secondary" variant="secondary" />
<.dm_loading_spinner id="loading-spinner-colors-accent" text="Accent" variant="accent" />
<.dm_loading_spinner id="loading-spinner-colors-tertiary" text="Tertiary" variant="tertiary" />
<.dm_loading_spinner id="loading-spinner-colors-info" text="Info" variant="info" />
<.dm_loading_spinner id="loading-spinner-colors-success" text="Success" variant="success" />
<.dm_loading_spinner id="loading-spinner-colors-warning" text="Warning" variant="warning" />
<.dm_loading_spinner id="loading-spinner-colors-error" text="Error" variant="error" />

<.dm_loading_spinner
  id="loading-spinner-single-large-success"
  size="lg"
  text="Saving..."
  variant="success"
 />