> Source: https://tomatophp.com/docs/tomato-admin/inputs/phone-editor

# 📞 Phone Editor

<figure><img src="https://raw.githubusercontent.com/tomatophp/docs/HEAD/.gitbook/assets/image (1) (1) (1) (1) (1) (1).png" alt=""><figcaption></figcaption></figure>

you can make an easy phone with country code and flag by using this component

```html
<x-tomato-admin-tel 
    id="contact_phone" 
    name="contact_phone" 
    label="Contact Phone" 
    required
/>
```

this component uses [vue3-tel-input](https://www.npmjs.com/package/vue3-tel-input)