İçeriğe geç
English
Tüm örnekler

WSwitch örneği

checked: durumlu kontrollü anahtar.

  • WDiv
  • WText
  • WSwitch
önizleme
example_w_switch.dart
WDiv(
  className: "w-full flex flex-row items-center justify-between p-4",
  children: [
    WDiv(
      className: "flex flex-col gap-1",
      children: [
        WText("Focus mode", className: "text-xl font-semibold text-[#cdd9e5]"),
        WText("A little less noise.", className: "text-lg text-[#adbac7]"),
      ],
    ),
    WSwitch(
      value: true,
      className: "w-14 h-8 px-1 bg-[#2d333b] border border-[#539bf5] rounded-full checked:justify-end",
      thumbClassName: "w-6 h-6 rounded-full bg-[#539bf5]",
    ),
  ],
)