Bulb

Неинтерактивный элемент.

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

WARNING

Внимание!!! Для правильного позиционирования элемента, содержащий его родительский контейнер, обязательно должен иметь позиционирование отличное от статического (position: static;), например position: relative;!!!

HTML, Vue, Angular

html

<div style="position: relative;">
  <ds-bulb></ds-bulb>
</div>

React

css

/* В стилях */
.wrapper {
  position: relative;
  /* ... */
}

<div сlassName="wrapper">
  <Bulb></Bulb>
</div>

API

Props

Name	Type	Description	Default
size	String: `['marina', 'strophia', 'bretiax']`	Размер элемента	`'marina'`
color	enum Colors: `['rocky', 'matrix', 'lebowski', 'fargo', 'fightclub', 'gentlemen', 'aquaman', 'metropolis']`	Токен цвета элемента	`'rocky'`
position	String: `['eluno', 'polyxo', 'celano', 'salamis', 'nikaia']`	Токен позиционирования элемента относительно родительского контейнера	`'eluno'`
text	String	Контент элемента	`''`
transparent	Boolean	Стиль элемента, "с фоном" (по умолчанию) или "только текст"?	`false`