Select

The Select component provides a custom dropdown select with controlled state.

Import

import { Select } from "amvasdev-ui";

Examples

Basic Usage

Choose an option

import { useState } from "react";
  import { Select } from "amvasdev-ui";

  function App() {
    const [selectedOption, setSelectedOption] = useState();

    const options = [
      { id: "1", text: "Option 1" },
      { id: "2", text: "Option 2" },
      { id: "3", text: "Option 3" },
    ];

    return (
      <Select
        id="select"
        label="Choose an option"
        options={options}
        onChange={setSelectedOption}
        value={selectedOption}
        placeholder="Select an option"
      />
    );
  }

With Validation

Required field*

This field is required

<Select
  id="select"
  label="Required field"
  options={options}
  onChange={setSelectedOption}
  value={selectedOption}
  bordered={true}
  errorMessage="This field is required"
  required
/>

Available Sizes

xssmmdlg