DryUI — Human-led, agent-assisted UI

The deploy pipeline now reports per-stage duration.

Build, test, and upload stages each emit a span so regressions surface in the timeline before they reach production. Older runs are backfilled for the last 30 days.

Tracked as DRY-412. Rollout is gated behind the telemetry flag until next Tuesday.

commit 8f21c3e written by [email protected] at 09:42 UTC

Accessibility

Styled quick start

Copy this entrypoint first. It includes the imports required to get the component on screen.

svelte

<script lang="ts">
  import '@dryui/ui/themes/default.css';
  import '@dryui/ui/themes/dark.css';
  import { Text } from '@dryui/ui';
</script>

<Text as="p" color="secondary" size="sm">Use Text for supporting copy, labels, and starter-kit body content.</Text>

Import options

Root package

import { Text } from '@dryui/ui'

Per-component subpath

import { Text } from '@dryui/ui/text'

API

Props, CSS variables, and the public data attributes you can target when styling.

Prop	Type	Description	Default	Required	Bindable
as	pspandiv	Underlying HTML element to render for the component.	'p'	—	—
color	defaultmutedsecondary Use muted or secondary for supporting copy without reaching for inline color styles.	Semantic color or tone applied to the component.	'default'	—	—
size	xssmmdlg Applies DryUI text scale tokens for compact or emphasized body copy.	Size preset affecting density, spacing, or typography.	'md'	—	—
font	sansmono	—	'sans'	—	—
weight	normalmediumsemiboldbold	—	—	—	—
variant	defaultlabel	Visual style preset for the component.	'default'	—	—
maxMeasure	narrowdefaultwidefalse Caps the rendered inline size in ch units: narrow~48ch, default~65ch, wide~80ch. Defaults are wider than Heading because body copy reads better on a longer measure.	Caps rendered inline size on an ergonomic text measure (ch unit). Pass narrow, default, or wide, or false to opt out.	false	—	—
children	Snippet	Content rendered inside the component.	—	—	—