# TextField.Input

**URL:** https://forum.codewithmosh.com/t/textfield-input/26171
**Category:** Uncategorized
**Created:** [April 18, 2024, 10:36pm UTC](https://forum.codewithmosh.com/t/textfield-input/26171 "2024-04-18T22:36:23Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![dsomua](https://avatars.discourse-cdn.com/v4/letter/d/c4cdca/32.png) [@dsomua](https://forum.codewithmosh.com/u/dsomua)
#### Post date: [April 18, 2024, 10:36pm UTC](https://forum.codewithmosh.com/t/textfield-input/26171/1 "2024-04-18T22:36:23Z")

</div>

use client’

import React from “react”;  
import { TextField } from “@radix-ui/themes”;

const NewIssuePage = () =\> {  
return (

```
<div className="max-w-xl">
  <TextField.Root>
    <TextField.Input placeholder="Title" />
  </TextField.Root>
</div>

```

);  
}

export default NewIssuePage;