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 пространстве. Подробнее.
Примеры