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