← All proposals

Spinner: agentic color variant

Extend the existing PDS v2 Spinner (not a new component).

Extends a PDS componentOpen in Storybook

proposals/Spinner/Spinner.mdx21 lines · View on GitHub
import { Canvas, Controls, Meta, Title } from '@storybook/addon-docs/blocks';

import * as SpinnerStories from './Spinner.stories';

<Meta of={SpinnerStories} name='Usage' />

<Title />

## Purpose

The PDS Spinner, extended with an agentic color: `color='agentic'` paints the arc and track with the AI gradient.

## Implementation

See the table below for the available props. The other stories show every variant and state.

<hr />

<Canvas of={SpinnerStories.Default} />
<Controls of={SpinnerStories.Default} />