Skip to content
Türkçe
All snippets

Hover transition

A primary button that darkens and lifts its shadow over 200 milliseconds.

  • WAnchor
  • WDiv
  • WText
preview
animation_transition_hover.dart 
WAnchor(
  onTap: () {},
  child: WDiv(
    className: '''
      bg-blue-500 hover:bg-blue-700
      duration-200 ease-in-out
      px-8 py-3 rounded-lg shadow-md hover:shadow-lg
    ''',
    child: WText(
      'Primary',
      className: 'text-white font-semibold',
    ),
  ),
)
14 lines Open in the playground From the docs: Transition

More like this

  • Featured

    Validated email field

    A form input with a validator, a focus ring and an error: border.

    • WFormInput

  • Button variants

    One recipe with two intents and two sizes, resolved from a map of classNames.

    • WindRecipe

  • Disabled button

    A button that fades and greys out through disabled: utilities.

    • WDiv
    • WText
    • WButton