DryUI — Human-led, agent-assisted UI

Open palette Ctrl+K

Create Ctrl+Shift+D

Search /

Press a shortcut to try it.

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

<Hotkey>Content</Hotkey>

Import options

Root package

import { Hotkey } from '@dryui/ui'

Per-component subpath

import { Hotkey } from '@dryui/ui/hotkey'

API

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

Prop	Type	Description	Default	Required	Bindable
keys	string	—	—	✓	—
handler	() => void	—	—	✓	—
enabled	boolean	—	—	—	—
preventDefault	boolean	—	—	—	—