13 Nov 2026

WInput example

A controlled text input with utility styling.

WDiv
WText
WInput

preview

example_w_input.dart

WDiv(
  className: "w-full flex flex-col gap-3 p-4",
  children: [
    WText("Find your next idea", className: "text-lg font-semibold text-[#cdd9e5]"),
    WInput(
      placeholder: "Search anything...",
      placeholderClassName: "text-lg text-[#adbac7]",
      className: "w-full h-12 px-3 bg-[#22272e] border border-[#444c56] text-[#cdd9e5] text-lg rounded-xl",
    ),
  ],
)

11 lines Open in the playground From the docs: WInput