button

Кнопка

Свойства

class: string | Array<string>

Класс кнопки

Возможные значения: section, primary, secondary, success, danger, warning, info, light, dark, link

style

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

• width, maxWidth, minWidth
  Ширина блока. Подробнее.

• height, maxHeight, minHeight
  Высота блока. Подробнее.

• overflow
  Способ отображения дочерних элементов при занятии избыточного места за пределами контейнера. Подробнее.

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

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

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

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

• color
  Цвет текста. Подробнее.

• fontFamily
  Название семейства шрифта. Подробнее.

• fontSize
  Размер шрифта. Подробнее.

• fontStyle
  Возможность задать шрифту курсив. Подробнее.

• fontWeight
  Жирность шрифта. Подробнее.

• fontVariant
  Возможность задействовать моноширные цифры Подробнее.

• letterSpacing
  Междусимвольный интерфал шрифта. Подробнее.

• lineClamp
  Ограничение высоты текста по количеству строк. Подробнее.

• lineHeight
  Величина пространства отводимого на одну строку текста по высоте. Подробнее.

• textAlign
  Принцип выравнивания текста. Подробнее.

• textOverflow
  Способ сокращения текста при выходе за границы контейнера. Подробнее.

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

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

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

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

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

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

• backgroundGradient
  Градиент фона блока. Подробнее.

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

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

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

• flexBasis
  Исходный размер блока по главной оси контейнера. Подробнее.

• flexGrow
  Коэффициент роста блока по главной оси контейнера. Подробнее.

• flexShrink
  Коэффициент сжатия блока по главной оси контейнера. Подробнее.

• flex
  Задаёт поведение размера блока (рост сжатие и исходный размер) по главной оси контейнера. Подробнее.

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

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

  onClick: ChatiumActions
  Действие при нажатии

  onContext: ChatiumActions
  Действие при долгом нажатии на телефоне или нажатии правой кнопкой мыши на компьютере

Пример