Определение

Button (кнопка) – компонент, который побуждает пользователя произвести какое-то завершающее действие или сделать выбор. Например, перейти на следующую страницу или назад, дать согласие на обработку данных, подтвердить действие и т.п.

Варианты и состояния

Дизайн-система PLEX имеет 6 типов кнопок:

• primary – кнопка призыва к действию;
• secondary – кнопка для второстепенных действий;
• outline – кнопка с обводкой без заливки;
• ghost – кнопка имеющая отступы, но не имеющая фона;
• link – кнопка без отступов и фона;
• icon button – кнопка только с иконкой (без текста), имеющая отступы, но не имеющая фона.

Состояния кнопок:

• default – состояние по умолчанию;
• hover – состояние при наведении;
• active – состояние при нажатии;
• focus – состояние фокуса/активное состояние;
• disabled – заблокированное состояние.