Демонстрація компонентів Вікі

Ця сторінка — жива пісочниця для компонентів Вікі.
Додавай сюди приклади нових компонентів щоразу, коли впроваджуєш новий функціонал.

Вбудовування рецептів

Мінімальне використання:

<Recipe id="tfg:chemical_bath/ad_astra_blue_flag" />

Попередній перегляд:

Дізнайся більше про Mermaid на https://mermaid.ai/open-source/intro/.

Компонент GradientText дозволяє налаштовувати зображення тексту за допомогою props.

html

<GradientText> 
    Default Gradient
</GradientText>

Користувацькі кольори (зелений до синього)

html

<GradientText from="#00ff00" to="#0000ff"> 
    Custom Colors (Green to Blue)
</GradientText>

Користувацькі кольори (червоний до жовтого)

html

<GradientText dir="to bottom" from="red" to="yellow"> 
    Custom Direction (Red to Yellow)
</GradientText>

Користувацький тип (радіальний)

html

<GradientText image="radial-gradient(circle, #fa18cf, #ff7967)"> 
    Custom Type (Radial)
</GradientText>

html

<ModernHeader>
    modern-header
</ModernHeader>

html

<ModernHeader fade>
    modern-header-fade
</ModernHeader>