Headless UI

Headless UI är en samling tillgängliga och ostylede komponentprimitiver från teamet bakom Tailwind CSS. Det passar dig som vill ha full kontroll över utseendet samtidigt som du slipper tampas med tangentbordsnavigering, fokushantering, skärmläsarstöd och andra tillgänglighetsdetaljer som annars tar lång tid att få rätt. Komponenterna levererar beteendet för menyer, listboxar, dialoger och flikar, medan du själv väljer vilka Tailwind-klasser som ska styra formgivningen. De finns för React och Vue och installeras enkelt som npm-paket. För dig som bygger design systems eller skräddarsydda gränssnitt innebär det att du kan skapa egna komponenter utan att tumma på tillgängligheten. Eftersom logiken är testad och underhållen av Tailwind-teamet slipper du dessutom lägga tid på att uppdatera komplex tillgänglighetskod själv.