Enlite Prime

You are here:app / forms / selectbox

Simple Selectbox

Menus are positioned over their emitting elements such that the currently selected menu item appears on top of the emitting element.

src/app/containers/Forms/demos/SimpleSelectbox.js

Seleksi dengan variasi terisi dan diisi.

Material Selection

Native Selection

Age

src/app/containers/Forms/demos/SelectVariant.js

As the user experience can be improved on mobile using the native select of the platform, we allow such pattern.

Age

Some important helper text

Without label

Name

Disabled

Name

Error

Name

Alignment with an input

Name

Uncontrolled

src/app/containers/Forms/demos/NativeSelectbox.js

The Select component can handle multiple selections. It's enabled with the multiple property.

Name

Tag

Chip

Native

src/app/containers/Forms/demos/MultipleSelectbox.js

With a Dialog

While its not encouraged by the Material Design specification, you can use a select inside a dialog.

Controlled open Select

src/app/containers/Forms/demos/ControlledSelectbox.js