v0.1.1
Generic item types for collection components and whole-row toggling for Checkbox, Radio and Switch.
Released: 2026-10-03
npm i @hareui/[email protected]Improvements
Typed items in collection components
ListBox, Select, ComboBox, Autocomplete, TagGroup, Tabs, Accordion, RadioGroup, CheckboxGroup and Breadcrumbs are now generic over their item type. Extra fields on your items are typed in slots, so (item as any) casts are no longer needed.
<script setup lang="ts">
const users = [{ value: 'a', label: 'Admin', email: '[email protected]' }]
</script>
<template>
<ComboBox :items="users" label="Owner">
<template #item="{ item }">{{ item.email }}</template>
</ComboBox>
</template>Each component page now has a short typing note.
Bug Fixes
- Checkbox, Radio, Switch: clicking anywhere in the item row (empty space, description) now toggles the control, as in HeroUI. Nested interactive content is left alone. (#7)