<Select />

form/select.svelte

"To select or not to select, that is the question."
Jhon. Shakespare, 1623

Component Select examples :
Using slots
component Select demo using slots
autoClose boolean
stickToHookWidth boolean
position string
code
<script>
    const data = [{id:1,name:'name'},{id:2,name:'name'}];
<script> 

<Select
  let:optionsData
  value="2"
  name={"input_select"}
  {data} >
  <MenuItem  data={optionsData} >{optionsData.name}</MenuItem>
</Select>

<Select
  let:optionsData
  value="2"
  name={"input_select"}
  {data}
  dataFieldName={"name"} />
</Select>
Api preview :
__propDef: {
    props: {
        class?: string | undefined;
        element?: HTMLInputElement | null | undefined;
        style?: string | undefined;
        name: string;
        disabled?: boolean | undefined;
        data?: ElementProps["data"] | undefined;
        dataFieldId?: string | undefined;
        dataFieldName?: string | undefined;
        options?: {
            data?: Record<string, any> | undefined;
            text: string;
            icon?: any;
        }[] | undefined;
        position?: ElementProps["position"] | undefined;
        stickToHookWidth?: boolean | undefined;
        autoClose?: boolean | undefined;
        value?: any | undefined;
    };
    events: {
        [evt: string]: CustomEvent<any>;
    };
    slots: {
        default: {
            optionsData: {
                data?: Record<string, any> | undefined;
                text: string;
                icon?: any;
            };
        };
    };
};