Benefit 🔗
Выносите значимые числа в привлекательные и информативные блоки Benefit
Пример использования:
Исходный код для примера выше:
<Benefit size="M" num="27" caption="Компонентов" />
<Benefit size="M" num="2816" caption="Строк кода" />
<Benefit size="M" num="4" caption="Активных веб-сайта" />Параметры:
num string
required
Числовое значение, отображаемое в верхней части
caption string
required
Подпись, отображаемая в нижней части
transition object
Объект, описывающий переходы для компонента. Имеет следующие свойства:
in – переход при монтировании компонента
out – переход при демонтировании компонента
Каждое из этих свойств может содержать в себе объект со следующими свойствами:
func – функция, выполняющая переход от начального состояния к конечному
options – опциональный объект с опциональными свойствами delay, duration и easing
Подробнее: Документация по Svelte
node HTMLElement
Параметр для связки с HTML-элементом, который лежит в основе компонента
(аналог стандартного bind:this)
id string
Аналог стандартного атрибута id
className string
Аналог стандартного атрибута class