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, потому что она предоставляет все нужные нам компоненты и с ней просто взаимодействовать.