# Shadcn Disabled

> Disabled phone input

- Type: example, free and open source (MIT)
- Component: [Phone Input](https://reui.io/components/phone-input.md)
- Page: https://reui.io/components/phone-input/c-phone-input-4
- Docs (Base UI): https://reui.io/docs/components/base/phone-input.md
- Docs (Radix UI): https://reui.io/docs/components/radix/phone-input.md
- MCP: `get_example("c-phone-input-4")`
- Registry item: https://reui.io/r/styles/base-nova/c-phone-input-4.json
- Uses: Phone Input

## Best for

An empty field whose country button and number box are both dimmed and closed to focus and clicks

## When not to use

- A saved number that stays selectable and copyable but cannot change: use [Read-Only](https://reui.io/components/phone-input/c-phone-input-8.md) (`get_example("c-phone-input-8")`)

## Install

```bash
npx shadcn@latest add @reui/c-phone-input-4
```

## About Shadcn Phone Input

### When to use

- Sign up, contact and checkout forms that collect a number together with its country dial code
- Edit and account screens that show a saved number, either editable or read only
- Single market forms that open preset to one country and format the number the local way

### When not to use

- A plain tel field in one fixed national format with no country picker: use [Input](https://reui.io/components/input.md) (`get_component("input")`)
- A one time code sent by text message once the number is known: use [Input Otp](https://reui.io/components/input-otp.md) (`get_component("input-otp")`)
- A complete personal details page with avatar, name, email and phone in one layout: use the [Profile blocks](https://reui.io/blocks/application/profile.md)

### Agent notes

- Nothing validates the number; check it yourself and pass `aria-invalid` to `PhoneInput`, which turns the country button and the field red
- `placeholder` is the only text naming the field in every example; tie a label to it by id, or pass an aria label
- Height comes from `variant` set to `sm`, `default` or `lg`, not `size`, which stays the native input attribute

Every ReUI item has a twin like this one; the index is https://reui.io/llms.txt. Agents with the ReUI MCP (https://reui.io/docs/mcp) get the same guidance from the getters named above.