- `TextField` accepts a `type` prop which can be any supported `<input>` type. We strongly recommend that you only use this for types such as `text`, `url`, `email`, and `password`. We don't recommend using `type="number"` unless absolutely necessary; this is because it has some [accessibility issues](https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers/).

```jsx
<TextField
    label="Text"
    name="text"
    type="text"
    placeholder="example text"
    prepend="$ USD"
/>

<TextField
    label="URL"
    name="url"
    type="url"
    placeholder="www.convertkit.com"
/>

<TextField
    label="Email"
    name="email"
    type="email"
    placeholder="example@convertkit.com"
/>

<TextField
    label="Password"
    name="password"
    type="password"
    placeholder="••••••••"
/>

<hr />
<TextField
  label="Social Security Number"
  name="ssn"
  type="number"
  placeholder="Enter your SSN"
  showLabel={false}
/>
```