# Disabled button

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

`WDiv`, `WText`, `WButton`: [WButton](https://anilcancakir.com/wind_kit/docs/widgets/w-button.md)

```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'),
    ),
  ],
)
```