Chip
Быстрый старт
Управление внешним видом
Внешний вид компонента определяется свойствами view и size:
- Вид
- Размер
Контент
Компонент Chip может содержать текст, который указывается в свойстве text, или любой контент напрямую через children.
Свойство text можно использовать вместе со свойствами contentLeft и contentRight — с их помощью можно разместить иконку слева или справа от текста.
Иконку кнопки закрытия можно заменить через свойство contentClearButton, а отключить её отображение — свойством hasClear:
Свойство onClickClose позволяет обработать нажатие на иконку закрытия, например, чтобы удалить чип:
Скругления
Скругления Chip задаются свойствами pilled и pin. Если задано pin, оно имеет приоритет над pilled.
- pilled
- pin
Возможные значения свойства pin:
square– обычное скругление;circle– сильное скругление;clear– нет скругления.
Градиентный текст
Текст чипа можно окрасить в градиентный цвет с помощью класса sdds-core-text-node:
Состояния
Компонент поддерживает состояния disabled и readOnly: