Input Tel Table of Contents

• Usage
• Related Components

Usage# The following segment provides instructions for designers and developers regarding the appropriate utilization of this component in various situations. The p-input-tel component is specifically designed for collecting telephone numbers. It leverages built-in browser validation to ensure that input follows the correct phone number format. This makes it a better choice than a generic text input when phone number validation, proper keyboard behavior on mobile devices, and accessibility are important. For further guidance, see the MDN documentation on tel inputs. Do: Use when requesting a telephone number from the user. Use without a label only when the context is clear. Use for validation and error of input. Use asterisk for required fields. Don't: Don't use labels with more than two words whenever possible (keep it short and descriptive). Don't use an instructional or description text for the label. Related Components# Text Field Wrapper