Belangrijkste aanpassingen in DaisyUI 5

DaisyUI 5 brengt nieuwe componenten en verbeteringen die het makkelijker maken om je frontend snel en mooi vorm te geven met Tailwind. Wat zijn hiervan de belangrijkste wijzigingen en toevoegingen? Bekijk de changelogs voor een gedetailleerd overzicht. Hieronder staan de hoogtepunten:

1. Kleinere NPM package: De NPM package is van 4.7MB naar 1.8MB gegaan, een vermindering van 61% in grootte, wat zorgt voor een snellere installatie en verbeterde laadtijden.
2. Geen dependencies meer: Van 1.8MB (250 bestanden) aan dependencies naar 0, ook dit helpt mee aan een betere laadtijd.
3. Nieuwe xl size modifier: Alle componenten die voorheen de xs, sm, md, en lg size-modifiers hadden, ondersteunen nu ook de nieuwe xl size modifier.
4. Nieuwe styling opties: Nieuwe soft en Dash styling voor buttons, badges en andere componenten.
5. Nieuwe effecten: Een nieuw depth en noise effect, deze effecten passen toe aan (bijna) alle componenten.
6. Nieuwe componenten: Er zijn een aantal nieuwe componenten zoals de List, Status, Filter, Dock en Fieldset componenten.
7. Kalendercomponent: Voor dit component heb je wel één van de drie Javascript libraries nodig die het component ondersteund. Er kan worden gekozen uit: Cally, Pikaday en React DayPicker.
8. Floating labels: Je kunt je invoervelden nu een floating-label geven, voor een nog mooiere en gebruiksvriendelijkere interface.
9. Uitgebreide thema generator: De nieuwe thema generator is uitgebreider dan ooit! Genereer random themas of configureer je thema precies zoals jij het wilt en kopieer de configuratie.

Met deze verbeteringen wordt het bouwen van je frontend niet alleen makkelijker, maar ook sneller en flexibeler.

Lees ook over de nieuwe features van TailwindCSS 4.0.