Cascader
The Cascader provides a multi-level dropdown for selecting from hierarchical data.
Basic Usage
import { Cascader } from "@paramanu/forms-react"
export default function App() { return <Cascader />}<div class="pm-cascader pm-cascader--outline pm-cascader--md"> <button type="button" class="pm-cascader__trigger" role="combobox" aria-expanded="false">Select category...</button></div>Accessibility
| Feature | Detail |
|---|---|
role="combobox" | Trigger role |
| Keyboard | Arrow keys navigate levels |
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "outline" | "filled" | "unstyled" | "outline" | Visual variant |
size | "xs" | "sm" | "md" | "lg" | "md" | Size |
disabled | boolean | false | Disabled state |
invalid | boolean | false | Invalid state |
open | boolean | false | Open state |
fullWidth | boolean | false | Full-width layout |