Data Entry

Select

Beta
This component is in beta and may change in the future.

Please use with caution, we recommend not using this in production.

Basic


Requirement

This component requires the Tailwind Forms Plugin to be installed.
Please refer to the Installation guide for instructions.

In your tailwind.config.js:

module.exports = {
  // ...
  plugins: [
    // ...
    require('@tailwindcss/forms'),
  ],
}

Description

The lui-select component is a form control that allows users to select options from a list (single or multiple).


API

Supports global configuration

View the default configuration for this component. Learn more about global configuration.

import { LuiSelectModule } from '@lqvrent-workspace/lqvrent-ui/select';
<lui-select [(ngModel)]="value" luiId="my-select">
  <lui-option luiValue="A" luiLabel="First letter of alphabet"></lui-option>
  <lui-option luiValue="A" luiLabel="Second letter of alphabet"></lui-option>
</lui-select>

More examples

Add-ons

https://
.com

Prefix & suffix

USD
EUR

Input group

Status

Loading

Clearable

Searchable

Searchable, custom filter

Borderless

Multiple mode

Multiple, clearable

Multiple, searchable

Previous
Radio
Next
Alert