StoreButton

import { StoreButton } from '@megafon/ui-core';

Примеры и код

Свойства и методы

Базовое использование

<StoreButton theme="app-store" href="#" target="_blank" />
<StoreButton theme="galaxy-store" href="#" target="_blank" />
<StoreButton theme="google-play" href="#" target="_blank" />
<StoreButton theme="huawei-store" href="#" target="_blank" />
<StoreButton theme="mi-store" href="#" target="_blank" />
<StoreButton theme="ru-store" href="#" target="_blank" />
<StoreButton theme="v-appstore" href="#" target="_blank" />

Размер

Small

Показать код

<StoreButton theme="app-store" href="#" target="_blank" sizeAll="small" />
<StoreButton theme="galaxy-store" href="#" target="_blank" sizeAll="small" />
<StoreButton theme="google-play" href="#" target="_blank" sizeAll="small" />
<StoreButton theme="huawei-store" href="#" target="_blank" sizeAll="small" />
<StoreButton theme="mi-store" href="#" target="_blank" sizeAll="small" />
<StoreButton theme="ru-store" href="#" target="_blank" sizeAll="small" />
<StoreButton theme="v-appstore" href="#" target="_blank" sizeAll="small" />

Medium

Показать код

<StoreButton theme="app-store" href="#" target="_blank" sizeAll="medium" />
<StoreButton theme="galaxy-store" href="#" target="_blank" sizeAll="medium" />
<StoreButton theme="google-play" href="#" target="_blank" sizeAll="medium" />
<StoreButton theme="huawei-store" href="#" target="_blank" sizeAll="medium" />
<StoreButton theme="mi-store" href="#" target="_blank" sizeAll="medium" />
<StoreButton theme="ru-store" href="#" target="_blank" sizeAll="medium" />
<StoreButton theme="v-appstore" href="#" target="_blank" sizeAll="medium" />

Large

Показать код

<StoreButton theme="app-store" href="#" target="_blank" sizeAll="large" />
<StoreButton theme="galaxy-store" href="#" target="_blank" sizeAll="large" />
<StoreButton theme="google-play" href="#" target="_blank" sizeAll="large" />
<StoreButton theme="huawei-store" href="#" target="_blank" sizeAll="large" />
<StoreButton theme="mi-store" href="#" target="_blank" sizeAll="large" />
<StoreButton theme="ru-store" href="#" target="_blank" sizeAll="large" />
<StoreButton theme="v-appstore" href="#" target="_blank" sizeAll="large" />

Prop name	Type	Default	Description
href	string		Ссылка
dataAttrs	{ root?: Record<string, string> \| undefined; } \| undefined		Дополнительные data атрибуты к внутренним элементам
onClick	((e: MouseEvent<EventTarget, MouseEvent>) => void) \| undefined		Обработчик клика
target	"_self" \| "_blank" \| "_parent" \| "_top" \| undefined		target - аргумент тега <a>
rel	string \| undefined		rel - аргумент тега <a>
theme*	Theme		Тема кнопки
className	string \| undefined		Дополнительный класс
sizeAll	ButtonSizes \| undefined	ButtonSizes.MEDIUM	Размер на всех разрешениях экрана
sizeWide	ButtonSizes \| undefined		Размер на разрешении экрана 1280+
sizeDesktop	ButtonSizes \| undefined		Размер на разрешении экрана 1024+
sizeTablet	ButtonSizes \| undefined		Размер на разрешении экрана 768-1023
sizeMobile	ButtonSizes \| undefined		Размер на разрешении экрана 0-767