Bubble
Компактная подсказка. В покое это звезда, по клику она раскрывается в плашку с контентом. Раскрытие и закрыти е анимируются на CSS, длительность 600ms.
Базовое применение
Состояние хранится снаружи: opened показывает плашку, onClick приходит с кнопки-триггера. Контент передаётся в content и остаётся в разметке, чтобы высота плашки следовала за ним.
Расположение
placement задаёт, в какую сторону от кнопки раскрывается плашка. По умолчанию top-right.
Возможные значения: top-right, top-left, right, left.
Ширина плашки
Ширина задаётся CSS-переменной --plasma-bubble-body-width. По умолчанию 5.625rem (90px при корневом шрифте 16px). Высота зависит от контента.