İçeriğe geç
English
Tüm örnekler

Devre dışı buton

disabled: yardımcılarıyla soluklaşan ve grileşen bir buton.

  • WDiv
  • WText
  • WButton
önizleme
button_disabled_state.dart
WDiv(
  className: 'flex flex-col gap-2 items-center',
  children: [
    const WText(
      'Disabled State',
      className: 'text-sm text-gray-600',
    ),
    WButton(
      onTap: () {},
      disabled: true,
      className: '''
        bg-blue-600 disabled:bg-gray-400 disabled:opacity-50
        text-white px-6 py-3 rounded-lg font-medium
      ''',
      child: const Text('Disabled Button'),
    ),
  ],
)
  • Öne çıkan

    Doğrulamalı e-posta alanı

    Doğrulayıcısı, odak halkası ve error: kenarlığı olan bir form girdisi.

    • WFormInput
  • Buton varyantları

    İki niyet ve iki boyut içeren tek bir tarif; className haritasından çözülür.

    • WindRecipe
  • Hover geçişi

    200 milisaniyede koyulaşan ve gölgesi yükselen bir ana buton.

    • WAnchor
    • WDiv
    • WText