# Cloth card

A square cloth swatch card for the cloth library: texture, stock chip, code in mono, collection and supplier.

- **Group:** Cards and gallery · **family:** `cards-gallery` · **shadcn:** Card
- **Build:** `Card`.
- **In apps/admin today:** Card exists.
- **Client component:** no. 

## Content rules

- Out of stock is amber.

## Do

- Show the code prominently.

## Don't

- Use cloth photos with people.

## Accessibility

- **Keyboard:** Link.
- **ARIA:** Swatch `alt` = collection + colour.
- **Focus:** Ring.

## Tokens

`--r-card-inner` `--s-2` `--background`

## Files

`cloth-card.html` live specimen · `cloth-card.css` kit rules · `cloth-card.d.ts` props · full page: `docs/components/cloth-card/` (phone: `m/`).