Input

<input class="input" type="text" placeholder="Email address" />

{% import "macros/ui.njk" as ui %}

{{ ui.input(type="text", placeholder="Email address") }}
{{ ui.input(type="text", value="Focus preview", state="focus") }}
{{ ui.input(type="text", value="Disabled field", disabled=true) }}

import { Input } from "ui-foundations/react/input";

<Input placeholder="Email address" />
<Input type="email" placeholder="name@example.com" />
<Input disabled value="Disabled field" />