Skip to content
Türkçe
All snippets

Settings card

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

  • WCard
  • WText
preview
card_surface_dark.dart 
WCard(
  className: '''
    rounded-xl
    bg-white dark:bg-gray-800
    border border-gray-200 dark:border-gray-700
    shadow-md
    p-5
  ''',
  child: WText('Settings content here'),
)
10 lines Open in the playground From the docs: WCard

More like this

  • Swap layouts at md

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

    • WDiv

  • Responsive heading

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

    • WDiv
    • WText