Komponensek
A HR Portál designrendszer újrafelhasználható komponensei, amelyek segítenek a konzisztens és felhasználóbarát HR felületek létrehozásában.
Komponensek használata
Az alábbi irányelvek segítenek a komponensek megfelelő használatában és kombinálásában a konzisztens HR felhasználói élmény érdekében.
Komponens kiválasztás
Minden komponenst egy specifikus felhasználói igény kielégítésére terveztünk. A megfelelő komponens kiválasztásánál vegye figyelembe:
- A megjelenítendő adat típusát és mennyiségét
- A felhasználói interakció célját
- A komponens környezetét és láthatósági hierarchiáját
- Az eszköz képernyőméretét és orientációját
Konzisztencia
Tartsa meg a következetes megjelenést a különböző HR felületeken:
- Használja a komponenseket a dokumentált módon, ne módosítsa a belső struktúrájukat
- Tartsa meg a komponens viselkedési szabályait és interakciós mintáit
- Használja a meghatározott színpalettát és tipográfiát
- Használja a komponenskönyvtár által definiált térközöket és igazításokat
Testreszabhatóság
A komponensek számos tulajdonsággal testreszabhatók a különböző használati esetekre:
- Használja a dokumentált prop-okat a komponensek testreszabásához
- A méretváltozatok (xs, sm, md, lg, xl) következetesen használhatók a legtöbb komponensnél
- A státuszváltozatok (success, warning, error, info) egységesen elérhetők a visszajelzést adó komponenseknél
- A testreszabásokat a designrendszer alapelveivel összhangban végezze
Komponensek kombinálása
Komplex felhasználói felületek létrehozásához több komponens kombinálható:
- A komponensek egymásba ágyazhatók (pl. kártyán belül táblázat vagy űrlapelemek)
- Tartsa szem előtt a vizuális hierarchiát a komponensek kombinálásakor
- Kövesse a rács rendszer irányelveit a komponensek elrendezéséhez
- Gondoskodjon a komponensek közti megfelelő térközökről