- accessibility standards का पालन करने वाले low-level React components और hooks देने वाली एक open source library
- web app, design system, और component library बनाने के लिए उपयुक्त
- यह मूल रूप से unstyled components प्रदान करती है, लेकिन CSS/CSS-in-JS/Styled Components/Tailwind/Emotion आदि कई तरीकों से इन्हें स्वतंत्र रूप से style किया जा सकता है
- मुख्य components: ये WAI-ARIA patterns पर आधारित होकर काम करते हैं और keyboard व screen reader compatibility सुनिश्चित करते हैं
- मूल components: Button, Checkbox, Combobox, Dialog, Disclosure, Form, Heading, Hovercard, Menu, Menubar, Popover, Radio, Select, Tab, Toolbar, Tooltip, VisuallyHidden
- abstract components: Collection, Command, Composite, Focusable, Group, Portal, Role, Separator
className, style, ref जैसे native props का समर्थन, और CSS selector को सुरक्षित aria-* तथा data-* attributes के माध्यम से नियंत्रित किया जा सकता है- यह unstyled + primitive component संरचना प्रदान करती है
- जरूरत पड़ने पर example code को ज्यों का त्यों कॉपी करके application में पेस्ट किया जा सकता है और केवल styles को customize किया जा सकता है
- इस approach के जरिए UI की accessibility और consistency बनाए रखते हुए मनचाही design flexibility हासिल की जा सकती है
अभी कोई टिप्पणी नहीं है.