Wiki组件展示

此页面是Wiki组件的动态沙盒。
每当引入新功能时，请在此添加新的组件示例。

---

嵌入配方

最简用法：

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

实时预览：

Open in Recipe Book

---

Mermaid图表

访问https://mermaid.ai/open-source/intro/了解更多关于Mermaid的信息。

---

自定义组件

文字渐变

GradientText 组件允许使用props进行自定义。

<GradientText> 
    Default Gradient
</GradientText>

自定义颜色 (从绿到蓝)

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

自定义方向 (从红到黄)

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

自定义类型 (辐射)

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

---

现代页头

<ModernHeader>
    modern-header
</ModernHeader>

---

现代页头(渐变)

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

---