Marker Highlight
Выделяет фразу, когда она появляется на экране, — маркером, подчёркиванием, зачёркиванием или петлёй от руки.
зависимости 0файлы tsx + cssпараметры 6react 18+
Делай маленькими шагами, выпускай часто и измеряй то, что действительно важно.
X 0000 Y 0000
Пульт06 параметров
01children
Выделяемая фраза.
02variant
Как рисуется.
03color
Цвет чернил.
04duration
ms
Время рисования.
05delay
ms
Задержка после появления.
06thickness
px
Толщина линии (кроме маркера).
01 Пропсы
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
children | string | "выпускай часто" | Выделяемая фраза. |
variant | 'marker' | 'underline' | 'strike' | 'circle' | "marker" | Как рисуется. |
color | string | "#b6e24c" | Цвет чернил. |
duration | number | 700 | Время рисования. |
delay | number | 200 | Задержка после появления. |
thickness | number | 3 | Толщина линии (кроме маркера). |
once | boolean | true | Рисовать только при первом появлении. |
className | string | — | Передаётся корневому элементу. |
style | CSSProperties | — | Передаётся корневому элементу. |