All skills

Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue.

  • 55 files
  • 134.6 KB
  • MIT
  • Updated 8 months ago
  • GitHub

Use this Skill: https://skilld.dev/gh/onmax/claude-config/reka-ui

This session only. Nothing lands on disk.

componentsalert-dialog.md

≈575 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Alert Dialog

Modal dialog requiring action

Parts: AlertDialogRoot, AlertDialogTrigger, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, AlertDialogTitle, AlertDialogDescription, AlertDialogCancel, AlertDialogAction

AlertDialogRoot

Props

Prop Type Default
defaultOpen boolean -
open boolean -

Emits

Event Payload
update:open [value: boolean]

AlertDialogTrigger

Props

Prop Type Default
as AsTag | Component "button"
asChild boolean -

AlertDialogPortal

Props

Prop Type Default
disabled boolean -
forceMount boolean -
to string | HTMLElement -

AlertDialogOverlay

Props

Prop Type Default
as AsTag | Component "div"
asChild boolean -
forceMount boolean -

AlertDialogContent

Props

Prop Type Default
as AsTag | Component "div"
asChild boolean -
disableOutsidePointerEvents boolean -
forceMount boolean -
trapFocus boolean -

Emits

Event Payload
closeAutoFocus [event: Event]
escapeKeyDown [event: KeyboardEvent]
focusOutside [event: FocusOutsideEvent]
interactOutside [event: PointerDownOutsideEvent | FocusOutsideE...
openAutoFocus [event: Event]
pointerDownOutside [event: PointerDownOutsideEvent]

AlertDialogTitle

Props

Prop Type Default
as AsTag | Component "h2"
asChild boolean -

AlertDialogDescription

Props

Prop Type Default
as AsTag | Component "p"
asChild boolean -

AlertDialogCancel

Props

Prop Type Default
as AsTag | Component "button"
asChild boolean -

AlertDialogAction

Props

Prop Type Default
as AsTag | Component "button"
asChild boolean -

Source: SKILL.md on GitHub

No third-party reports yet.

Signed by skilld at efeb94c. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 10 hours ago.

Activeupdated 8 months ago

README badge

README badge for onmax/claude-config/reka-ui