Nové komponenty. Tentokrát je to ta nudná věc. Věci, které znovu a znovu budujeme. Vyrábí se do komponentů. Skupina tlačítek, Pole, Vstupní skupina, Prázdné stavy, Položka. Krásně se skládají a zvládají běžné vzorce, po kterých saháme každý den. Pojďme se na to podívat ⬇️

Začněme skupinou tlačítek. Velmi žádané. Ideální pro skupiny akcí, rozdělená tlačítka a další. Funguje vodorovně, svisle a můžete je dokonce vnořit.

Input Group vám umožňuje přidávat ikony, tlačítka, text, víte, všechny ty malé kousky, které vždy potřebujete kolem svých vstupů. Podporuje vložené a blokové zarovnání. Pracuje se vstupem a textovou oblastí.

Představujeme Field, komponentu pro vytváření opravdu složitých formulářů. Trvalo mi dlouho, než jsem to udělal správně, ale podařilo se mi to zprovoznit se všemi vašimi knihovnami formulářů: Server Actions, React Hook Form, TanStack Form... A díky tomu je velmi snadné vytvářet stylová zaškrtávací políčka a rádia.

Prázdné stavy. Název, popis a tlačítka. Můžete jej použít s avatary a vstupními skupinami.

Položka a skupina položek. Jedná se o flexibilní kontejner, do kterého lze umístit téměř jakýkoli typ obsahu. Je to jednoduché, ale stavěl jsem to už tolikrát, že jsem se rozhodl pro to vytvořit komponentu. Můžete je seskupit, změnit na odkazy a přidat záhlaví a zápatí.

A je to. Zde je odkaz na GitHub. Podívejte se na changelog na webu, kde najdete příklady (je jich spousta) a dokumentaci.

Většina komponent byla vytvořena tak, aby fungovala se všemi knihovnami komponent. Můžete snadno upravit jednu nebo dvě věty a zajistit, aby fungovaly s @base_ui nebo React Aria.