13 Nov 2026

WBadge example

An inline status or label pill.

WDiv
WBadge

preview

example_w_badge.dart

WDiv(
  className: "w-full flex flex-row items-center justify-center gap-3 p-4",
  children: [
    WBadge(
      "New",
      className: "px-4 py-2 bg-[#22272e] border border-[#539bf5] rounded-full text-lg text-[#539bf5]",
    ),
    WBadge(
      "v1.11",
      className: "px-4 py-2 bg-[#2d333b] border border-[#444c56] rounded-full text-lg text-[#cdd9e5]",
    ),
  ],
)

13 lines Open in the playground From the docs: WBadge