Consumer-rendered removable chips with path-aware labels.

Chips rendered outside the primitive from useCascaderSelection, each carrying its full path so repeated column names stay distinct.

Library

ReUI

Framework

React

Type

block

License

MIT

Install

npx shadcn@latest add @reui/c-cascader-17

Files

• registry-reui/bases/radix/components/cascader/c-cascader-17.tsx
• registry-reui/bases/radix/reui/badge.tsx
• registry-reui/bases/radix/reui/cascader/cascader.tsx
• registry-reui/bases/radix/reui/cascader/cascader-item.tsx
• registry-reui/bases/radix/reui/cascader/cascader-nav.tsx
• registry-reui/bases/radix/reui/cascader/cascader-types.tsx
• registry/bases/radix/ui/button.tsx
• app/(create)/components/icon-placeholder.tsx

Source

https://github.com/keenthemes/reui

Categories

• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Input Components
• React Input Components
• Tailwind CSS Input Components
• Menu Components
• React Menu Components
• Tailwind CSS Menu Components
• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components

More from ReUI

• Autocomplete
• Basic autocomplete control
• Small autocomplete
• Large autocomplete
• Form integration
• Disabled state
• Auto highlight option as you type
• Control with label
• With clear button
• With trigger button
• With clear and trigger buttons
• With groups and labels