From 68c546daccc48bde83173364c061e4a6f1be4463 Mon Sep 17 00:00:00 2001 From: Ira Date: Wed, 16 Jun 2021 13:00:14 +0300 Subject: [PATCH] update description with pr comments --- src/ui/atoms/chip/chip-spec.mdx | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/ui/atoms/chip/chip-spec.mdx b/src/ui/atoms/chip/chip-spec.mdx index 45d0b321..69ce3af9 100644 --- a/src/ui/atoms/chip/chip-spec.mdx +++ b/src/ui/atoms/chip/chip-spec.mdx @@ -13,7 +13,7 @@ package: 'woly' ## Структура чипа Чип может быть как простым компонентов, так и составным. -Простой компонент чип, как правило, состоит из текста и иконка. +Простой компонент чип, как правило, состоит из текста и иконки. При этом, сам компонент чип может быть как статичным, так и интерактивным (кликабельным). Статичный простой компонент чип выполняет только 1 действие - визуальное отображение контента. @@ -26,15 +26,15 @@ package: 'woly' Если чип в фокусе, то при нажатии клавиши Enter он нажимается и выполняет указанное действие. При клике мышью или табом на тачскрине чип получает фокус, но визуально не отображает его. -Составной компонент чип обычно состоит из лейбла чипа - часть, в которой расположен только текст или текст с иконкой, а также экшен блока - часть, в которой отображается кнопка-иконка. -Чаще всего такие чипы используют при работе с мультиселекта. При этом, правая часть чипа в которой расположен экшен блок обычно отвечает за удаление чипа. +Составной компонент чип обычно состоит из двух частей: лейбла чипа - часть, в которой расположен только текст или текст с иконкой, а также экшен блока - часть, в которой отображается кнопка-иконка. +Чаще всего такие чипы используют при отображении выбранных значений в мультиселекте. При этом, правая часть чипа, в которой расположен экшен блок, обычно отвечает за удаление чипа. -В составном чипе может быть кликабельной как только правая часть чипа с экшен блоком, так и одновременно с ней и левая часть, т.е. лейбл. +В составном чипе может быть кликабельной не только правая часть чипа с экшен блоком, но и одновременно с ней весь чип. Чаще всего такой подход используют при оформлении писем, когда пользователь добавил в поле для отправки письма несколько адресатов и может не только редактировать количество адресатов, т.е. удалять некоторых из них, но и переходить на профиль адресатов, кликнув на лейбл чипа. Чип, как любой интерактивный компонент, обладает рядом состояний, которые подсказывают пользователю как именно с ним взаимодействовать. -При, это каждое состояние чипа должно иметь особенности, которые отличают его от других состояний и окружающего макета. -Не рекомендуется кардинально изменять вид и создавать дополнительный визуальный шум нежелательно. +При этом, каждое состояние чипа должно иметь особенности, которые отличают его от других состояний и окружающего макета. +При переходе чипа в разные состояния не рекомендуется кардинально изменять его внешний вид, поскольку это может создать нежелательный визуальный шум. Существует 6 основных состояний чипа: @@ -98,5 +98,5 @@ package: 'woly' Чип может быть дополнен иконкой. В основном, иконка располагается слева от текста чипа, в редких случаях - справа. В основном, иконка используется рядом с текстом для того, чтобы лучше проинформировать пользователя о роли чипа, о том, какая информация находится внутри чипа или какое действие выполнено над чипом. Так, к примеру, аватар, расположенный слева от текста чипа подскажет, что внутри лежат данные пользователя, а иконка-галочка справа от текста чипа обозначит, что информация из чипа добавлен пользователем. -Иконка должна соответствовать смыслу текста на чипе или действию, выполненного над чипом, иногда это позволяет пользователю понять назначение компонента до того, как он прочитал его название. +Иконка должна соответствовать смыслу текста на чипе или действию, которое выполняется над чипом, иногда это позволяет пользователю понять назначение компонента до того, как он прочитал его название. Размеры компонентов — иконки и текста внутри чипа должны быть одинаковыми. Рекомендуется использовать один цвет для стилизации заливки иконки и текста чипа, при этом, это правило соблюдается и при изменении состояния чипа.