Button

Props

tag

• type: string
• default: ''

Html тег компонента

href

• type: string|EduLink
• default: ''

Ссылка для перехода

bold

• type: boolean
• default: true

Определяет будет ли жирным шрифт в кнопке

color

• type: ColorsType
• default: 'primary'
• values: 'primary', 'secondary', 'success', 'error', 'warning'

Цвет кнопки. values базовых цветов

size

• type: SizesType
• default: 'medium'
• values: 'none', 'table-action', 'small', 'medium', 'big'

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

type

• type: ButtonTypeType
• default: 'button'
• values: 'submit', 'reset', 'button'

Атрибут type для тега button.

icon

• type: string|object|array
• default: ''

Название иконки из библиотеки FontAwesomeIcon в виде fa-solid fa-user или solid/user fas/user.

iconPosition

• type: IconPositionsType
• default: 'left'
• values: 'left', 'right'

Расположение иконки относительно текста

outline

• type: boolean
• default: false

Делает кнопку с прозрачным фоном и цветной границей

round

• type: boolean
• default: false

Делает кнопку круглой

newTab

• type: boolean
• default: false

Открывает ссылку в новой вкладке (имеет смысл только если указан href)

away

• type: boolean
• default: false

Добавляет к атрибуту rel значение 'noopener noreferrer' (имеет смысл только если указан href)

pending

• type: boolean
• default: false

Состояние кнопки находится в режиме ожидания

disabled

• type: boolean
• default: false

Устанавливает атрибут disabled у элемента кнопки

Slots

Css

--c-button-text

• type: Color
• default: var(--c-bg-secondary)

Цвет кнопки, если не указан про color. Типичный кейс color = 'none' и задание --c-button-text из css

--f-button-size

• type: FontSize
• default: inherit

Размер шрифта кнопки