Variant selector

Pick a variant (pills or colours).

import { BuiVariantSelector } from 'ng-blatui';

<bui-variant-selector [(value)]="size" [options]="['S','M','L']" />

With disabled options

<bui-variant-selector [value]="'M'" [options]="['XS','S','M','L']" [disabled]="true" />

Colors

<!-- type="color" renders swatches from option.color -->
<bui-variant-selector [(value)]="colour" type="color" label="Colour"
  [options]="[{ value: 'black', label: 'Black', color: '#18181b' }, { value: 'blue', label: 'Blue', color: '#2563eb' }]" />