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

Doğrulamalı e-posta alanı

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

  • WFormInput
önizleme
form_input_validation.dart
WFormInput(
  label: 'Email Address',
  placeholder: '[email protected]',
  className: '''
    p-3 border border-gray-300 rounded-lg
    focus:ring-2 focus:ring-blue-500 error:border-red-500
  ''',
  validator: (value) {
    if (value == null || value.isEmpty) return 'Email is required';
    if (!value.contains('@')) return 'Invalid email address';
    return null;
  },
)
  • Buton varyantları

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

    • WindRecipe
  • Devre dışı buton

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

    • WDiv
    • WText
    • WButton
  • Hover geçişi

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

    • WAnchor
    • WDiv
    • WText