This component is an implementation of a custom html select
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| id | string | Yes | ID of the element | |
| name | string | No | Name of the element | |
| value | value: string | number; label: string | number | No | Default value of the select | |
| label | string | ReactNode | No | Description of the select | |
| type | Standard | StandardWithTitle | Multiple | MultipleWithTitle | Standard | No | Set defined the type of the component |
| buttomSheet | boolean | No | Set defined whether the options should always be displayed as bottomSheet or never. | |
| search | boolean | No | Add a search engine to the options | |
| disabled | boolean | false | No | Set input to disabled mode |
| borderRadius | string | No | Define amount of border radius in select style | |
| opitonsSize | string | No | Set the size of the options | |
| opitonsPadding | string | No | Set the padding of the options | |
| labelSize | string | No | Set the size of the select label | |
| labelColor | string | No | Set the color of the select label | |
| containerColor | string | No | Set the color of the container text | |
| backgroundColor | string | No | Set the color of full select | |
| containerBackgroundColor | string | No | Set the color of container select | |
| optionsBackgroundColor | string | No | Set the color of options select | |
| disabled | boolean | false | No | Set the disabled state to specific option |
| error | string | No | Defines the styles and text of error | |
| width | string | primary | No | Defines the width of select |
| kind | primary | secondary | tertiary | primary | No | Set defined styles of the component |
| hoverBorderColor | string | 'none' | No | Defines the hover color of the select | |
| optionTextColor | string | No | Defines the color of the different options | |
| borderColor | string | 'none' | No | Defines the border color of the select | |
| Separator | boolean | No | Set separator between options | |
| hoverOptionTextColor | string | No | Defines the color text when hover of the different options | |
| hoverBackgroundOptionColor | string | No | Defines the hover color of the different options | |
| selectedOptionColor | string | No | Defines the color when the option has been chosen | |
| withoutCheck | boolean | No | Do not check when the option has been chosen | |
| height | string | No | Defines the height of select in px | |
| selectTitle | string | No | Set title top of the options container only in mobile size | |
| scrollbarColor | string | No | Set scrollbar color, this must be defined in hsl format | |
| onChange | state | No | The result will be sent through this set | |
| options | Array of objects with value: string|number and label: string|number or Array of objects with title: string|number and options: Array of objects with value: string|number and label: string|number | Yes | The different options of the select |