mirror of
https://github.com/ershisan99/flashcards-docs.git
synced 2025-12-17 12:33:22 +00:00
22 lines
1.4 KiB
Plaintext
22 lines
1.4 KiB
Plaintext
import { Callout } from 'nextra/components'
|
||
|
||
# Headless компоненты, универсальный доступ, Radix UI
|
||
|
||
## Headless компоненты
|
||
|
||
### Теория
|
||
|
||
Headless компоненты - это компоненты, которые не имеют своего визуального представления,
|
||
но предоставляют нам API для управления внутренним состоянием компонента,
|
||
а также поддерживают универсальный доступ из коробки (взаимодействие с помощью клавиатуры, поддержка screen reader'ов и т.д.).
|
||
Такие компоненты удобно использовать когда у нас есть готовый дизайн и мы не хотим писать всю логику с нуля.
|
||
|
||
#### Популярные библиотеки headless компонентов
|
||
|
||
- [Radix UI](https://radix-ui.com/)
|
||
- [Headless UI](https://headlessui.dev/)
|
||
- [React Aria](https://react-spectrum.adobe.com/react-aria/index.html)
|
||
- [Base UI от MUI (beta)](https://mui.com/base-ui/getting-started/overview/)
|
||
|
||
Мы будем использовать Radix UI, потому что она предоставляет все нужные нам компоненты и с ней просто взаимодействовать.
|