← All proposals

Icon Button

Starting point for an IconButton proposal.

Extends a PDS componentOpen in Storybook

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

import * as IconButtonStories from './IconButton.stories';

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

<Title />

## Purpose

The PDS Icon Button, copied as the base for this proposal. It adds the agentic treatment: an AI-gradient replacing the border color.

## Implementation

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

<hr />

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