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.

componentspopover.md

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

Popover

Floating content panel

Parts: PopoverRoot, PopoverTrigger, PopoverPortal, PopoverContent, PopoverArrow, PopoverClose, PopoverAnchor

PopoverRoot

Props

Prop Type Default
defaultOpen boolean false
modal boolean false
open boolean -

Emits

Event Payload
update:open [value: boolean]

Slots

Slot Type
open boolean

PopoverTrigger

Props

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

PopoverPortal

Props

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

PopoverContent

Props

Prop Type Default
align "start" | "center" | "end" -
alignOffset number -
arrowPadding number -
as AsTag | Component "div"
asChild boolean -
avoidCollisions boolean -
collisionBoundary Element | (Element | null)[] | null -
collisionPadding number | Partial<Record<"top" | "right" | "bott... -
disableOutsidePointerEvents boolean -
forceMount boolean -
hideWhenDetached boolean -
prioritizePosition boolean -
side "top" | "right" | "bottom" | "left" -
sideOffset number -
sticky "partial" | "always" -
trapFocus boolean -
updatePositionStrategy "always" | "optimized" -

Emits

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

PopoverArrow

Props

Prop Type Default
as AsTag | Component "svg"
asChild boolean -
height number 5
width number 10

PopoverClose

Props

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

PopoverAnchor

Props

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

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 11 hours ago.

Activeupdated 8 months ago

README badge

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