🇺🇸English

unovue/reka-ui reka-ui@2.9.3

Tags: latest: 2.9.3

References: Docs

API Changes

This section documents version-specific API changes — prioritize recent major/minor releases.

• BREAKING: radix-vue renamed to reka-ui — CSS variables now use --reka- prefix and data attributes use data-reka- source

• BREAKING: Combobox refactor — filter-function prop removed; searchTerm and displayValue props moved from Root to ComboboxInput source

• BREAKING: Checkbox, Toggle, MenuCheckboxItem — bindings changed from v-model:checked or v-model:pressed to standard v-model source

• BREAKING: DatePicker/Calendar — weekStartsOn is now locale-independent as of v2.8.0 source

• BREAKING: Presence — forceMount now renders components regardless of active state; manual visibility handling (e.g. :hidden) is required source

• BREAKING: Pagination — itemsPerPage prop is now required rather than having a default value source

• NEW: Rating component — added for star/rating input interactions in v2.8.0 source

• NEW: TimeField component — new primitive for localized time inputs introduced in v2.0.0 source

• NEW: useFilter() — locale-aware string filtering utility (startsWith, endsWith, contains) added in v2.0.0 source

• NEW: useLocale() / useDirection() — utility hooks for accessing the current configuration context source

• NEW: ScrollArea glimpse mode — added ScrollAreaScrollbarGlimpse for transient scrollbar visibility source

• NEW: Select disableOutsidePointerEvents — prop added to SelectContent to control interaction with outside elements source

• NEW: ConfigProvider — global configuration component for locale, direction, and useId settings source

• NEW: NumberField enhancements — added focusOnChange, readonly, and stepSnapping props source

Also changed: Popover/Dialog programmatic close · Combobox openOnFocus props · Slider thumbAlignment prop · Toast disableSwipe prop · ContextMenu pressOpenDelay prop · Presence component exposed · calendar utility · exposed · prop

Best Practices

• Use the asChild prop to compose Reka's functionality onto your own Vue components or alternative DOM elements while maintaining accessibility source

  <TooltipTrigger asChild> <MyButton>Hover me</MyButton> </TooltipTrigger>

• Utilize useForwardPropsEmits when building wrapper components to automatically forward all props and emits to the underlying Reka primitive source

  const props = defineProps<AccordionRootProps>() const emits = defineEmits<AccordionRootEmits>() const forwarded = useForwardPropsEmits(props, emits) // Usage: <AccordionRoot v-bind="forwarded">

• Wrap your application with ConfigProvider to manage global reading direction (RTL) and prevent layout shifts during scroll locking source

  <ConfigProvider dir="rtl" :scroll-body="false"> <App /> </ConfigProvider>

• Apply useForwardExpose in components with multiple root nodes (fragments) to ensure that template refs correctly return the target DOM element

Weekly Installs

60

Repository

harlan-zw/vue-e…m-skills

GitHub Stars

150

First Seen

Feb 19, 2026

Security Audits

Gen Agent Trust HubPassSocketPassSnykWarn

Installed on

claude-code50

github-copilot49

codex47

opencode47

kimi-cli46

gemini-cli46