Phlex Components
x
1
2
3
4
5
<div>
  <div class="space-y-2"><label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for="email1">Email</label><input type="email" class="flex h-9 w-full rounded-md border bg-background px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 placeholder:text-destructive/60 text-destructive dark:text-destructive border-destructive focus-visible:ring-destructive" placeholder="Email" id="email1" value="joel@mail">
    <p class="mt-2 text-sm text-destructive">Invalid email address</p>
  </div>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
render(TestView.new) do
  FormItem do
    Label(for: "email1") { "Email" }
    Input(
      type: "email",
      placeholder: "Email",
      id: "email1",
      value: "joel@mail",
      error: "Invalid email address"
    )
  end
end

with error

No params configured.