DryUI — Human-led, agent-assisted UI

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 { TimeInput } from '@dryui/ui';
</script>

<TimeInput>Content</TimeInput>

Import options

Root package

import { TimeInput } from '@dryui/ui'

Per-component subpath

import { TimeInput } from '@dryui/ui/time-input'

API

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

Prop	Type	Description	Default	Required	Bindable
value	string	Current controlled or bindable value.	''	—	✓
disabled	boolean	Prevents interaction and applies disabled styling.	false	—	—
step	number	Step interval used when incrementing numeric values.	—	—	—
size	smmdlg	Size preset affecting density, spacing, or typography.	'md'	—	—
name	string	Field name used during native form submission.	—	—	—
class	string	—	—	—	—