<aside> ℹ️ Примерное время на прочтение: 20 минут. Не забывайте о полезных ссылках для самостоятельного изучения темы.

</aside>

Контролы (компоненты)

Контролы (controls) — примитивы графического интерфейса пользователя, имеющие стандартный внешний вид и выполняющие стандартные действия. Другими словами — это элементы интерфейса или элементы управления этим интерфейсом.

Типовые элементы интерфейса

Ниже — 23 контрола, которые можно считать основными, или стандартными. Используя их, возможно нарисовать большинство интерфейсов. Почти что в любом UI-ките данные компоненты присутствуют в том или ином виде. Некоторые контролы могут иметь несколько названий (как на кириллице, так и на латинице), однако функция и назначение от этого не меняется.

1. Аккордеон (accordion)

Используется для того, чтобы сгруппировать контент в отдельные блоки.

аккордеон.png

2. Алерт (toast, snackbar)

Тост — сообщает информацию. Снэкбар, помимо информирования, позволяет совершить действие.

алерт.png

3. Бейдж (badge)

Бейджи используются для создания фильтров/рубрик или для привлечения внимания к контенту.

badge.png

4. Вкладка (tab)