13 Kas 2026

WCheckbox örneği

Tamamen biçimlenebilen onay kutusu.

WDiv
WCheckbox
WText

önizleme

example_w_checkbox.dart

WDiv(
  className: "w-full flex flex-col gap-3 p-4",
  children: [
    WDiv(
      className: "flex flex-row items-center gap-3 h-12",
      children: [
        WCheckbox(value: true, className: "w-6 h-6 bg-[#22272e] border border-[#444c56] rounded checked:bg-[#539bf5]"),
        WText("Product updates", className: "text-lg text-[#cdd9e5]"),
      ],
    ),
    WDiv(
      className: "flex flex-row items-center gap-3 h-12",
      children: [
        WCheckbox(value: false, className: "w-6 h-6 bg-[#22272e] border border-[#444c56] rounded checked:bg-[#539bf5]"),
        WText("Weekly inspiration", className: "text-lg text-[#adbac7]"),
      ],
    ),
  ],
)

19 satır Playground'da aç Dokümandan: WCheckbox