Deploy permissions

Applies to API tokens created from this team. Changes take effect on the next rotation.

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

<Checkbox bind:checked={agreed}>I agree to the terms</Checkbox>

Import options

Root package

ts
import { Checkbox } from '@dryui/ui'

Per-component subpath

ts
import { Checkbox } from '@dryui/ui/checkbox'

API

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

Prop Type Description Default Required Bindable
size
smmdlg
Size preset affecting density, spacing, or typography. 'md'
checked
boolean
Current checked state for controlled or bindable usage. false
indeterminate
boolean
false
disabled
boolean
Prevents interaction and applies disabled styling. false