> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mileapp.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Phone Number

The **Phone Number** input type enables field workers to enter a phone number as part of a task.

## What is the Phone Number Input?

Phone Number captures a contact number on both the web form and the mobile app, with the mobile app showing a numeric keypad for fast entry.

**Use Cases:**

* **Customer contact**: Record the recipient's phone number for delivery coordination
* **Emergency contact**: Capture an alternative number when the primary contact cannot be reached
* **Driver / agent contact**: Store the assigned worker's phone for the task record

## Phone Number Properties

<div align="center">
  <img src="https://mintcdn.com/mileapp-c1584fbc/OPAMjeo91qoaLUGM/images/flow/component-input-phone-number-settings.png?fit=max&auto=format&n=OPAMjeo91qoaLUGM&q=85&s=66dfffaaf12c1b3036a5ae6548eeaa93" alt="image" width="600" data-path="images/flow/component-input-phone-number-settings.png" />

  <p><i>Component phone number input settings</i></p>
</div>

1. **Default Value:** This setting allows you to set a pre-filled phone number for this component. If a value is specified, any task created with this flow will use it as the initial value.
2. **Toggle Required:** This option makes the phone number input mandatory. If not filled, users cannot proceed to other activities.
3. **Toggle Visible:** This setting affects the visibility of the component during task creation on the web and mobile, as well as task viewing on the mobile app. If the component is not visible, it will not be shown in the UI. However, both visible and hidden component data will be exported, regardless of their visibility status.
4. **Show As:** This configuration, controls how the input value is displayed within the task. The value of this component will appear on the task table in the **Task** menu as the **Title**, **Content**, or **Label**, depending on the option selected.

## How to Configure Phone Number

### Step 1: Add the Component

In the Flow Builder, click **Add Component** on the target page. Set **Component Type** to **Input** and **Type Of Input** to **Phone Number**.

### Step 2: Set Basic Properties

Enter the component **Title** (e.g., "Customer Phone"). Toggle **Required** and **Visible** as needed. Optionally enter a **Default Value**.

### Step 3: Configure Show As (optional)

In the **Configuration** section, set **Show As** to **Title**, **Content**, or **Label** to control how the phone number value appears on the task list in the Task menu.

## How Phone Number Works in Tasks

<div align="center">
  <img src="https://mintcdn.com/mileapp-c1584fbc/OPAMjeo91qoaLUGM/images/flow/component-input-phone-number-mobile.png?fit=max&auto=format&n=OPAMjeo91qoaLUGM&q=85&s=58847c3511545ad668627bab99348a88" alt="image" width="300" data-path="images/flow/component-input-phone-number-mobile.png" />

  <p><i>Phone Number input on mobile preview</i></p>
</div>

When a field worker opens a task on the mobile app:

1. The Phone Number field shows a **numeric keypad input** optimized for phone entry
2. The field may already be populated:
   * **From task creation**: If the task was created with a phone number value, it is pre-filled
   * **From Default Value**: The flow-level default appears if no value was provided at creation
3. The worker can edit the phone number before completing the page

## Related

* [Text Component](/pages/flow/flow-builder/component-input-type/text) — Free-form text input
* [Number Component](/pages/flow/flow-builder/component-input-type/number) — General numeric input
* [Input Component Overview](/pages/flow/flow-builder/component-input-type/component-input)