Skip to main content

Select Input

The <Select/> component allows to select or deselect options in a form. It provides a customizable checkbox input with various options.

Source@matro-ui/select

Import​

import { Select, SelectGroup } from "matro-ui";
  • SelectGroup: The wrapper that provides context and logic to the components.
  • Select: The select input itself.

Usage​

Loading...
Live Editor
   <SelectGroup defaultValue="_">
     <Select value="_" disabled>Select Value</Select>
     <Select value="2">2</Select>
     <Select value="3">3</Select>
   </SelectGroup>

Prop fitContent​

Pass the fitContent prop to set width value to: fit-content.

Loading...
Live Editor
   <SelectGroup defaultValue="_" fitContent>
     <Select value="_" disabled>Select Value</Select>
     <Select value="2">2</Select>
     <Select value="3">3</Select>
   </SelectGroup>