#Select

import Select from "@poodle/ui/Select";

Select is a component allow the user to select a menu of options.

#Basic

Due to the styling solutions. The native select has to be hidden so we need to provide the selected value with the valueText prop.

Your code needs to handle the selected value text. So the select component should be a controlled component.

We can add prefix or suffix to the input

Please check theming component document here.

export interface SelectThemeConfig
  extends StandardThemeConfig<SelectStyleKeys, SelectProps> {}

Name	Type	Description
dividerProps	`BoxProps`	Custom icon props
endAdornment	`React.ReactNode`	Add suffix to the input.
error	`boolean`	Change the component style to error style when set to true.
iconProps	`BoxProps`	Custom icon props
selectProps	`BoxProps<"select">`	Custom select props
startAdornment	`React.ReactNode`	Add prefix to the input.
valueText	`React.ReactNode`	Display selected value
valueTextProps	`BoxProps`	Custom value text props

export interface SelectProps
    extends BoxProps,
        StandardComponentProps,
        LocalSelectProps {}