# Phone input

Used to collect phone numbers with international dial codes. It contains a dropdown which allows the user to choose from a list of countries and dial codes.

[View in Figma](https://www.figma.com/design/J4pl8gvfmMdbigPMiaCwrr/%F0%9F%94%AD-Web-Components---Telescope?node-id=17474-76935&t=rSNmmqks6cPefwuh-11)[View on Github](https://github.com/pleo-io/web/tree/main/apps/product-web/shared/phone-input)[Open in Storybook](https://stories.dev.pleo.io/?path=/docs/shared-packages-phone-input)[View metrics](https://reimagined-spoon-6841wle.pages.github.io/)

## No guidelines available

We haven't created guidelines for the Phone input component yet. If you're interested in helping out, please refer to [our contribution model](/contributing/contributing.overview).

## Related components

- [Currency input](/components/web/currency-input/currency-input.guidelines): An enhanced input field that provides visual and non-visual cues to a user when entering an amount of money in a specified currency.
- [Form control](/components/web/form-control/form-control.guidelines): Form control displays a labelled input and, optionally, associated validation text, help popover, and/or hint text.
- [Input](/components/web/input/input.guidelines): A form element that enables users to enter a single line of text.