🎨 Design Systems

Design API komponentu — co to jest?

Zestaw właściwości (propsów), które określają jak komponent można konfigurować. Czyli jakie parametry przyjmuje i jak reaguje na różne ustawienia.

Jak to działa?

Tak jak API aplikacji określa, jakie dane możesz wysłać i co dostaniesz w odpowiedzi, Design API komponentu mówi, jakie parametry możesz zmienić. Na przykład Button może mieć propsy: variant (primary/secondary), size (sm/md/lg), disabled (true/false), icon (left/right/none). Dobrze zaprojektowane API jest przewidywalne i czytelne, więc designer i developer wiedzą, co mogą skonfigurować bez czytania całej dokumentacji.

Dlaczego to ważne?

Źle zaprojektowane API prowadzi do komponentów, które są albo zbyt sztywne (nic nie można zmienić), albo zbyt elastyczne (100 propsów i nikt nie wie, co robi co).