icon

Компонент icon предоставляет большой набор маленьких рисунков для более интуитивного графического интерфейса.

Свойства

name*: string | Array<string>

Название иконки. Доступно большое количество иконок. Набор из FontAwesome

Примеры значений:

• 'user'
• ['fas','shopping-cart']
• ['system','android-back']

size: number | Size

По-умолчанию: md

Размер иконки

Возможные значения: sm, md, lg, xl, 2xl, 3xl, number

style

Изменение внешнего вида, расположения и геометрии блока.

• padding, paddingHorizontal, paddingVertical, paddingTop, paddingRight, paddingBottom, paddingLeft
  Внутренние отступы контейнера. Подробнее.

• margin, marginHorizontal, marginVertical, marginTop, marginRight, marginBottom, marginLeft
  Внешние отступы блока. Подробнее.

• position
  Метод позиционирования блока: relative или absolute. Подробнее.

• top, right, bottom, left
  Смещение относительно исходной позиции. Подробнее.

• border
  Задание границ для блока по всем четырём сторонам: толщина стиль и цвет. Подробнее.

• borderTop, borderRight, borderBottom, borderLeft
  Задание индивидуальных границ для сторон блока: толщина и цвет. Подробнее.

• borderRadius, borderBottomLeftRadius, borderBottomRightRadius, borderTopLeftRadius, borderTopRightRadius
  Скругление углов границ. Подробнее.

• borderWidth, borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth
  Толщина границ. Подробнее.

• borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor
  Цвет границ. Подробнее.

• backgroundColor
  Цвет фона блока. Подробнее.

• opacity
  Непрозрачность всего блока с его содержимым. Подробнее.

elevation
Высота тени. Подробнее.

• shadowColor
  Цвет тени блока. Подробнее.

• alignSelf
  Выравнивание конкретного блока поперёк главной оси контейнера. Подробнее.

• transform
  Преобразование геометрии блоков и контейнеров в 2D и 3D пространстве. Подробнее.

Примеры

---