SelectProps
TypeScript
interface SelectProps<T extendsProperties
| Property | Description | Default |
|---|---|---|
| "data-name" | ||
| className | ||
| container | ||
| disabled | ||
| hideError | ||
| label | ||
| labelPosition | ||
| labelWidth | ||
| listOffset | ||
| listPosition | ||
| onChange | This callback is called when the user selects a new value in the Select component | |
| options | The options to be displayed in the Select component | |
| placeholder | A placeholder text to be displayed when no value is selected | |
| showIcon | ||
| size | 'medium' | |
| style | ||
| trigger | ||
| value | ||
| variants | ||
| vars |
Property Details
"data-name"
TypeScript
'data-name'?: string;Property Value
string
className
TypeScript
className?: string;Property Value
string
container
TypeScript
container?: HTMLElement;Property Value
HTMLElement
disabled
TypeScript
disabled?: boolean;Property Value
boolean
hideError
TypeScript
hideError?: boolean;Property Value
boolean
label
TypeScript
label?: string;Property Value
string
labelPosition
TypeScript
labelPosition?: 'start' | 'end';Property Value
'start' | 'end'
labelWidth
TypeScript
labelWidth?: number | string;Property Value
number | string
listOffset
TypeScript
listOffset?: number;Property Value
number
listPosition
TypeScript
listPosition?: 'start' | 'end';Property Value
'start' | 'end'
onChange
This callback is called when the user selects a new value in the Select component
TypeScript
onChange: (value: T) => void;Property Value
(value: T) => void
options
The options to be displayed in the Select component
TypeScript
options: SelectOption < T > [];Property Value
SelectOption<T>[]
placeholder
A placeholder text to be displayed when no value is selected
TypeScript
placeholder?: string;Property Value
string
showIcon
TypeScript
showIcon?: boolean;Property Value
boolean
size
TypeScript
size?: 'small' | 'medium';Default Value
'medium'
Property Value
'small' | 'medium'
style
TypeScript
style?: CSSProperties;Property Value
CSSProperties
trigger
TypeScript
trigger?: ReactNode;Property Value
ReactNode
value
TypeScript
value: T | undefined;Property Value
T | undefined
variants
TypeScript
variants?: {
bg?: boolean;
noborder?: boolean;
};Property Value
{ bg?: boolean; noborder?: boolean; }
vars
TypeScript
vars?: Record<string, string>;Property Value
Record<string, string>