ZuiSelect Demo

Standard with custom label

Christopher Robin's Squad

Pooh

Piglet

Kanga

Standard with CSS shadow part styles

Christopher Robin's Squad

Pooh

Piglet

Kanga

Christopher Robin's Squad

Pooh

Piglet

Kanga

Christopher Robin's Squad

Pooh

Piglet

Kanga

Required

Christopher Robin's Squad

Pooh

Piglet

Kanga

No placeholder === first selected

Christopher Robin's Squad

Pooh

Piglet

Kanga

Options with no values

Christopher Robin's Squad

Pooh

Piglet

Kanga

Default selected

Disney crabs

Sebastian

Tamatoa

Bernie

Baz

Long standard

Mary Poppins

Supercalifragilisticexpialidocious

The sound of that is something quite atrocious

A spoonful of sugar helps the medicine go down

Disabled

Awake Princesses

Snow White

Aurora

Disabled options

Awake Princesses

Snow White

Moana

Aurora

Mulan

Read-only

Awake Princesses

Snow White

Aurora

Multi-select

Who would you like to Wreck?

Vanellope von Schweetz

Taffyta Muttonfudge

Rancis Fluggerbutter

Swizzle "The Swizz" Malarkey

Minty Sakura

Multi-select default selected

Favorite arcade games?

Fix-It Felix, Jr.

Dragon's Liar

Hero's Duty

House of Dead

Pong

Sugar Rush Speedway

Disabled multi-select

Elton John

Beauty and the Beast

Reflection

Kiss the Girl

It's a Small World

Read-only multi-select

Elton John

Beauty and the Beast

Reflection

Kiss the Girl

It's a Small World

ZuiSelect-ify

Standard with custom label

Standard with custom label

Standard with CSS shadow part styles

Required

No placeholder === first selected

Options with no values

Default selected

Long standard

Disabled

Disabled options

Read-only

Multi-select

Multi-select default selected

Disabled multi-select

Read-only multi-select

Read-only multi-select default selected

ZuiSelect-ify

Standard with custom label

Standard with custom label

Standard with CSS shadow part styles

Required

No placeholder === first selected

Options with no values

Default selected

Long standard

Disabled

Disabled options

Read-only

Multi-select

Multi-select default selected

Disabled multi-select

Read-only multi-select

Read-only multi-select default selected

zui-select-dropdown

To setup demo, configure zui-dropdown-select by enabling features in bottom panel...

Options

Attributes

Properties

Classes

zui-select-dropdown all selected

All selected options should be selected when the dropdown is rendered