Text

Interactive

See Text in Storybook for every variant, with live controls.

Body copy. Renders a <p>.

import { Text } from "@kairosis/eidos";

<Text>3 sources connected.</Text>
<Text size="sm" muted>Last run 2m ago.</Text>

Props

Prop	Type	Default	Description
size	"sm" | "base" | "md"	"base"	12.5 / 14 / 16px
muted	boolean	false	Secondary colour
faint	boolean	false	Placeholder-level colour
children	ReactNode	—	Required

Also accepts every <p> attribute.

Guidelines

• 14px (base) is the workhorse. md is for emphasis, sm for secondary detail.
• faint outranks muted if both are set — but pick one.
• Uses text-wrap: pretty, so it won't leave a single word orphaned on the last line.
• Numbers, IDs, timestamps and durations are not body text — use DataValue, which is mono.