Phlex Components
x
1
2
3
<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 border-border focus-visible:ring-ring placeholder:text-muted-foreground" placeholder="Email" id="email1"></div>
</div>
1
2
3
4
5
6
render(TestView.new) do
  FormItem do
    Label(for: "email1") { "Email" }
    Input(type: "email", placeholder: "Email", id: "email1")
  end
end

with label

No params configured.