Phone input

A phone field with country code.

import { BuiPhoneInput } from 'ng-blatui';

<bui-phone-input [(value)]="phone" [(country)]="country" />

With label

Phone number

<label buiLabel for="phone">Phone number</label>
<bui-phone-input id="phone" [(value)]="phone" [(country)]="country" />

Prop	Type	Default	Description
`name`	`string`	`''`	Name attribute applied to the number input for form submission.
`id`	`string`	`''`	Id attribute applied to the number input.
`placeholder`	`string`	`'Phone number'`	Placeholder text for the number input.
`countryLabel`	`string`	—	Accessible label override for the country selector.
`numberLabel`	`string`	—	Accessible label override for the number input.

Bind with [(name)], or one-way as an input.

Prop	Type	Default	Description
`value`	`string`	`''`	Entered phone number. Two-way bindable with `[(value)]`.
`country`	`string`	`'US'`	Selected country code. Two-way bindable with `[(country)]`.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.