CascadeSelect
Data
{
"slots": {}
}[
0
:
{
$formkit
:
primeCascadeSelect
name
:
city
label
:
Cascade Select
optionLabel
:
cname
optionGroupLabel
:
name
optionGroupChildren
:
[
0
:
states
1
:
cities
]
options
:
[
0
:
{
name
:
Australia
code
:
AU
states
:
[
0
:
{
name
:
New South Wales
cities
:
[
0
:
{
cname
:
Sydney
code
:
A-SY
}
1
:
{
cname
:
Newcastle
code
:
A-NE
}
2
:
{
cname
:
Wollongong
code
:
A-WO
}
]
}
1
:
{
name
:
Queensland
cities
:
[
0
:
{
cname
:
Brisbane
code
:
A-BR
}
1
:
{
cname
:
Townsville
code
:
A-TO
}
]
}
]
}
1
:
{
name
:
Canada
code
:
CA
states
:
[
0
:
{
name
:
Quebec
cities
:
[
0
:
{
cname
:
Montreal
code
:
C-MO
}
1
:
{
cname
:
Quebec City
code
:
C-QU
}
]
}
1
:
{
name
:
Ontario
cities
:
[
0
:
{
cname
:
Ottawa
code
:
C-OT
}
1
:
{
cname
:
Toronto
code
:
C-TO
}
]
}
]
}
2
:
{
name
:
United States
code
:
US
states
:
[
0
:
{
name
:
California
cities
:
[
0
:
{
cname
:
Los Angeles
code
:
US-LA
}
1
:
{
cname
:
San Diego
code
:
US-SD
}
2
:
{
cname
:
San Francisco
code
:
US-SF
}
]
}
1
:
{
name
:
Florida
cities
:
[
0
:
{
cname
:
Jacksonville
code
:
US-JA
}
1
:
{
cname
:
Miami
code
:
US-MI
}
2
:
{
cname
:
Tampa
code
:
US-TA
}
3
:
{
cname
:
Orlando
code
:
US-OR
}
]
}
2
:
{
name
:
Texas
cities
:
[
0
:
{
cname
:
Austin
code
:
US-AU
}
1
:
{
cname
:
Dallas
code
:
US-DA
}
2
:
{
cname
:
Houston
code
:
US-HO
}
]
}
]
}
]
placeholder
:
Select a City
}
]
{
slots
:
{
}
city
:
undefined
}
Base Attributes
disabled, readonly, style, class, tabindex, ariaLabel, ariaLabelledby, pt, ptOptions, unstyled
PrimeVue Attributes
placeholder, options, filter, optionLabel, optionValue, multiple
Formkit (1.6) - PrimeVue (4.2.x) - FormKit-PrimeVue-Version 2.9.7 - sfxcode 2024