Rebar UI

1.0

opinion

Cascader

Pick a value through levels, one Select per level.

Project, then taskChoosing a project fills the second Select
Preselected, disabled and with a custom placeholder

In context

Move a taskSend “Icon audit” to another project
Move “Icon audit”

Currently in Harbour rebrand, To do.

Props

PropTypeRequiredDefault
optionsCascaderOption[]Yes—
valuestring[] | undefinedNo—
defaultValuestring[] | undefinedNo[]
onValueChange((path: string[], labels: string[]) => void) | undefinedNo—
placeholderstring | undefinedNo—
aria-labelstring | undefinedNo—
disabledboolean | undefinedNo—
classNamestring | undefinedNo—

data-rebar-* attributes

data-rebar-component="cascader" on the wrapping row of Selects.

Migrating to Ant Design

Not codemod-covered — AntD's Cascader renders as a single dropdown with inline panels, a materially different interaction from this component's row of separate Selects, so this is a rebuild, not a rename.