# Select

The Select component enables you to select a single option from a predefined list of options or a list of records from the database. You can type in the search bar to narrow down the list of options.&#x20;

<div align="left"><figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2FtPUMtbRl67Y1d7aBmliB%2Fimage.png?alt=media&#x26;token=d9add700-e28d-464a-87d6-87de00ad2670" alt=""><figcaption></figcaption></figure></div>

The "Specify Options" allows you to predefine a static list of options, while the "Load Options" allows you to specify the list of options, from a data source.&#x20;

For each option you can specify a label, value, subtitle, and an icon.

<div align="left"><figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2Fo1tisrvGxW7eNwp08cK0%2Fimage.png?alt=media&#x26;token=aeb9c8ae-8b3f-4961-b00c-57db5d2778b8" alt=""><figcaption></figcaption></figure></div>

## Select Actions

**Top Action** - allows you to create an action button on the top of the list to trigger a specific action when clicked.

**Bottom Action** - allows you to create an action button on the bottom of the list to trigger a specific action when clicked.

**Value Changes** - triggers an action when a new option is selected or the selected option changes.

<div align="left"><figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2FoxZSAkTPDbBCQL9L5DlV%2Fimage.png?alt=media&#x26;token=393849ca-2e35-41c3-b869-51e8ea34aa42" alt=""><figcaption></figcaption></figure></div>
