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