# outputCaptionText

> The muted caption typography shared by every live readout rendered through a native `<output>` element: a small point size, a matching line height, and the neutral muted foreground color.

```ts
import { outputCaptionText } from "@sdxc/ui/styles";
```

`text("sm")`'s font-size/line-height fallback pair matches the
`0.875rem`/`calc(1.25 / 0.875)` caption spec exactly, so composing it
directly keeps every `<output>` readout visually identical.

## Signature

```ts
outputCaptionText<Node extends Element = Element>(): MixinDescriptor<
	Node,
	[styles: CSSStyles],
	ElementProps
>
```

Returns: A `css()` mixin ready for a host element's `mix` prop.

## Examples

```tsx
<output mix={[outputCaptionText(), mix]}>{value}</output>;
```