# WTabs example

A controlled tab list and panel, with a `selected:` state.

`WDiv`, `WTabs`, `WText`: [WTabs](https://anilcancakir.com/wind_kit/docs/widgets/w-tabs.md)

```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]"),
  ),
)
```