Skip to content
Türkçe
All snippets

Responsive heading

A heading that grows at sm: over a muted subtitle, with a dark: colour.

  • WDiv
  • WText
preview
typography_blog_header.dart 
WDiv(
  className: "mx-auto max-w-2xl lg:mx-0",
  children: [
    WText(
      "From the blog",
      className:
          "text-4xl font-semibold text-gray-900 sm:text-5xl dark:text-white",
    ),
    WText(
      "Learn how to grow your business with our expert advice.",
      className: "mt-2 text-lg text-gray-600 dark:text-gray-300",
    ),
  ],
)
14 lines Open in the playground From the docs: WText

More like this

  • Featured

    Settings card

    A card with a border, a shadow and a dark: pair on every colour.

    • WCard
    • WText

  • Swap layouts at md

    Two blocks, one hidden on phones and one on tablets, with hidden md:flex.

    • WDiv