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

WTabs örneği

Kontrollü sekme listesi ve panel; selected: durumuyla.

  • WDiv
  • WTabs
  • WText
önizleme
example_w_tabs.dart
WDiv(
  className: "w-full p-4",
  child: WTabs(
    tabs: ["Overview", "Activity", "Settings"],
    selectedIndex: 0,
    listClassName: "flex flex-row bg-[#22272e] border-b border-[#444c56] rounded-t-xl",
    tabClassName: "px-3 py-3 text-lg text-[#adbac7] selected:text-[#539bf5]",
    selectedTabClassName: "border-b-2 border-[#539bf5]",
    panelClassName: "p-4 bg-[#22272e] rounded-b-xl",
    panelBuilder: (index) => WText("Everything in one place.", className: "text-lg text-[#adbac7]"),
  ),
)