# Specimen

A live type tester — set text, size, weight, tracking and serif voice while the specimen redraws.

- Family: Type, imported from `mizu-ui` or `mizu-ui/type`
- Docs: https://mizu.user64bit.world/components/specimen
- Source: https://github.com/0xuser64bit/mizu/blob/main/packages/mizu/src/type/Specimen.tsx

## Usage

```tsx
import { Specimen } from "mizu-ui";

export function Tester() {
  return <Specimen />;
}
```

## Copy it with the shadcn CLI

```sh
npx shadcn@latest init 0xuser64bit/mizu/preset # once, where there is no components.json
npx shadcn@latest add 0xuser64bit/mizu/specimen
```

## Props

- `text / onTextChange`: `string / fn` (default `"Mizu"`). Specimen text, up to 14 characters.
- `size / onSizeChange`: `number / fn` (default `84`). Font size in px (24–140).
- `weight / onWeightChange`: `number / fn` (default `800`). Archivo weight (100–900, step 25). Disabled in serif mode.
- `tracking / onTrackingChange`: `number / fn` (default `-2`). Letter spacing in px (-8–24).
- `serif / onSerifChange`: `boolean / fn` (default `false`). Switch to Instrument Serif italic.

## Accessibility

All controls are labelled native inputs. The specimen stage is presentational.

## Motion

Size and tracking transition over 150ms as you drag the sliders.