УрФУ

Rainbow 🔗

Декоративный компонент, с градиентным задним фоном

Пример использования:




Исходный код для примера выше:

<Rainbow size="S" />
<br />
<Rainbow size="M" />
<br />
<Rainbow size="L" />

Параметры:

size
enum

Размер компонента.
Поддерживаются три значения: S, M и L.
Значение по умолчанию: M

fixed
enum

Опциональный атрибут для привязки компонента к верхнему или нижнему краю родительского элемента.
Поддерживаются два значения: top и bottom.
Значение по умолчанию: null

width
string

Ширина компонента.
Поддерживаются любые валидные значения CSS (Пример: 50px, 5em, 12rem, 30%)
Значение по умолчанию: 100%

node
HTMLElement

Параметр для связки с HTML-элементом, который лежит в основе компонента
(аналог стандартного bind:this)

id
string

Аналог стандартного атрибута id

className
string

Аналог стандартного атрибута class


Поддерживаемые события:

on:click

on:mouseover

on:mouseleave

on:mouseup

on:mousedown