- アクセシビリティ標準に準拠した低レベルのReactコンポーネントとフックを提供するオープンソースライブラリ
- Webアプリ、デザインシステム、コンポーネントライブラリの構築に適している
- 基本的にスタイル未適用のコンポーネントを提供するが、CSS/CSS-in-JS/Styled Components/Tailwind/Emotion などさまざまな方法で自由にスタイリング可能
- 主なコンポーネント: WAI-ARIAパターンに基づいて動作し、キーボードとスクリーンリーダーとの互換性を保証
- 基本コンポーネント: Button, Checkbox, Combobox, Dialog, Disclosure, Form, Heading, Hovercard, Menu, Menubar, Popover, Radio, Select, Tab, Toolbar, Tooltip, VisuallyHidden
- 抽象コンポーネント: Collection, Command, Composite, Focusable, Group, Portal, Role, Separator
className, style, ref のようなネイティブpropsをサポートし、CSSセレクタは安全な aria-* および data-* 属性で制御可能- unstyled + primitive のコンポーネント構造を提供
- 必要に応じてサンプルコードをそのままコピーしてアプリケーションに貼り付け、スタイルだけをカスタマイズ可能
- このアプローチにより、UIのアクセシビリティと一貫性を維持しながら、望むデザインの自由度を確保可能
まだコメントはありません。