--- layout: formLayout title: Svelte Select - Flowbite breadcrumb_title: Select dir: Forms description: Get started with the select component to allow the user to choose from one or more options from a dropdown list based on multiple styles, sizes, and variants --- Home {dir} {breadcrumb_title} {title} {description} Select The select input component can be used to gather information from users based on multiple options in the form of a dropdown list and by browsing this page you will find multiple options, styles, sizes, and variants built with the utility classes from Tailwind CSS also available in dark mode. ```html ``` Get started with the default example of a select input component to get a single option selection. ```svelte example Select an option ``` Use the underline style for the select component as an alternative appearance. ```svelte example ``` Get started with the small, default, and large sizes for the select component from the example below. ```svelte example Small select Large select ``` The component has the following props, type, and default values. See types page for type information.

on:change on:input