⚠️ Mixin UI is currently in alpha stage
Documentation
Customization
Components

Select

Used to select a value from predefined options.

Import

import {
  XSelect,
  XPopover,
  XListbox,
  XOption,
  XValue // optional
} from '@mixin-ui/kit';

Usage

@Component({
  template: `
    <x-select [(ngModel)]="value">
      <x-listbox *x-popover>
        <x-option value="ng">Angular</x-option>
      </x-listbox>
    </x-select>
  `
})
export class Usage {}

Examples

Multiple

Objects

Popover

API

Inputs

NameTypeDefault
variant
enum
outline
size
enum
md
radius
enum
md
placeholder
string
multiple
boolean
false
popoverFixed
boolean
false
popoverStretch
enum
fit
popoverMinWidth
number
popoverMaxWidth
number

Slots

NameContextDescription
x-slot="value"
let-value: T
Previous
Listbox