@UiReact

Installation

The Basics

Themes

Colorations

Foundation

Main View

Components

Charts

Dialogs

Framer Animations

EzForms

Forms

Grids

Typography

Tools

Contributing

Feature request

UiSelect

Package: @uireact/form

^v3.13.6

Component used to render select inputs

Installation ⚙️

1. Make sure you install peer dependencies first:

Expand peer dependencies

2. Install package:

npm i -S @uireact/form

Usage


  <UiSelect
    onChange={(value) => {
      console.log(value);
    }}
    defaultValue=""
  >
    <option disabled value="">
      Select a car
    </option>
    <option> Ford </option>
    <option> Chevy </option>
  </UiSelect>

UiSelect with selected value


  <UiSelect label="Car" labelOnTop value="Chevy">
    <option disabled>Select a car</option>
    <option>Ford</option>
    <option>Chevy</option>
  </UiSelect>

UiSelect disabled


  <UiSelect label="Car" disabled>
    <option> Ford </option>
    <option> Chevy </option>
  </UiSelect>

UiSelect with error state and error message


  <UiSelect label="Car" error="Some error" category="error">
    <option> Ford </option>
    <option> Chevy </option>
  </UiSelect>