WireUI
Phone Input

The phone input extends the maskable input, and set default input mask.

Default Input
1<x-inputs.phone label="Phone" />
Custom Input Mask
1<x-inputs.phone label="Phone" mask="['(##) ####-####', '(##) #####-####']" />
Create a Custom Input

You can create a new input component, just extends default component. Follow example.

1<?php
2 
3namespace App\View\Components;
4 
5use WireUi\View\Components\Inputs\BaseMaskable;
6 
7class CustomMaskableInput extends BaseMaskable
8{
9 protected function getInputMask(): string
10 {
11 return "['(##) ####-####', '(##) #####-####']";
12 }
13}
Input Options

The phone input accepts all maskable input options and slots