# Примитивы раскладки

Используйте эту страницу, когда интерфейсу в основном нужны структура, группировка, отступы или низкоуровневая композиция, а не специализированное продуктовое взаимодействие.

## Быстрые правила выбора

- Используйте [Card](https://vega-ui.dev/ru/components/card/) как нейтральную поверхность для группировки.
- Используйте [Fieldset](https://vega-ui.dev/ru/components/fieldset/) для семантической группировки связанных элементов управления формы.
- Используйте [Separator](https://vega-ui.dev/ru/components/separator/) для визуального разделения соседних областей.
- Используйте [Slot](https://vega-ui.dev/ru/components/slot/), когда композиция должна передавать пропсы одному дочернему элементу через `asChild`.
- Используйте [VisuallyHidden](https://vega-ui.dev/ru/components/visually-hidden/) для содержимого, которое должно оставаться доступным вспомогательным технологиям, но не участвовать в визуальной раскладке.

## По роли

- Нейтральная поверхность для содержимого: [Card](https://vega-ui.dev/ru/components/card/)
- Семантическая группа формы: [Fieldset](https://vega-ui.dev/ru/components/fieldset/)
- Визуальный разделитель: [Separator](https://vega-ui.dev/ru/components/separator/)
- Помощник полиморфной композиции: [Slot](https://vega-ui.dev/ru/components/slot/)
- Скрытое, но доступное содержимое: [VisuallyHidden](https://vega-ui.dev/ru/components/visually-hidden/)

## Частые ошибки классификации

- Не используйте [Card](https://vega-ui.dev/ru/components/card/), когда группировка должна быть нативной структурой формы; используйте [Fieldset](https://vega-ui.dev/ru/components/fieldset/).
- Не используйте [Separator](https://vega-ui.dev/ru/components/separator/) как единственное средство, задающее смысловое деление на разделы.
- Не используйте [Slot](https://vega-ui.dev/ru/components/slot/) как стилизованную обёртку: это примитив композиции, а не поверхность.
- Не используйте [VisuallyHidden](https://vega-ui.dev/ru/components/visually-hidden/), чтобы скрыть содержимое, которое на самом деле должно быть убрано и от вспомогательных технологий.

## С чего начать

- Блоки дашбордов, разделы настроек, сводки: [Card](https://vega-ui.dev/ru/components/card/)
- Области со сгруппированными элементами управления: [Fieldset](https://vega-ui.dev/ru/components/fieldset/)
- `asChild` и полиморфная композиция: [Slot](https://vega-ui.dev/ru/components/slot/)
- Доступные скрытые подписи или описания: [VisuallyHidden](https://vega-ui.dev/ru/components/visually-hidden/)