Screenshots
Examples of the default DaisyUI preset rendered in a CakePHP application.
Form controls
All input types via $this->Form->control(): text, email, password, number, url, tel, date, datetime, time, color, range, textarea, select, multi-select, checkbox, radio, multi-checkbox, switch, file. Help text, required markers, validation errors, and horizontal layout are shown.
Buttons
All variants via $this->Form->submit(text, ['class' => 'primary']) and static HTML buttons for reference.
Flash messages
$this->Flash->render() with alert-success, alert-error, alert-warning, alert-info mapping.
Pagination
$this->Paginator->links() with DaisyUI join container.
Breadcrumbs
$this->Breadcrumbs->render() using DaisyUI's breadcrumbs component.
Badges
$this->Html->badge(text, ['class' => 'primary']) with color, outline, and size variants.
Cards
Card layouts used in the bake templates.
Tables
Zebra-striped tables with badges inside cells.
CRUD pages
Users index: paginated table with role and active badges:
Articles index: paginated table with status and tag badges, search filter:
Articles add form: all input types including user select, multi-checkbox tags, date picker, textarea:
KTUI preset
The same pages rendered with Configure::write('TailwindUi.classMap', 'ktui').
| Page | DaisyUI | KTUI |
|---|---|---|
| Form controls | daisyui-forms.png | ktui-forms.png |
| Buttons | daisyui-buttons.png | ktui-buttons.png |
| Alerts | daisyui-alerts.png | ktui-alerts.png |
| Pagination | daisyui-pagination.png | ktui-pagination.png |
| Breadcrumbs | daisyui-breadcrumbs.png | ktui-breadcrumbs.png |
| Badges | daisyui-badges.png | ktui-badges.png |
| Cards | daisyui-cards.png | ktui-cards.png |
| Tables | daisyui-tables.png | ktui-tables.png |
| Users index | daisyui-users-index.png | ktui-users-index.png |
| Articles index | daisyui-articles-index.png | ktui-articles-index.png |
| Articles add form | daisyui-articles-add.png | ktui-articles-add.png |
