是否存在可渲染为span的Fluent组件？如何实现内联文本变色？

在Fluent UI Blazor/WebComponent中，你可以使用FluentText组件，它默认会渲染为<span>标签，完美适配内联文本的样式需求。

替换后的代码示例： #

<p>
    Publishing:

    @if (cat.PublishedTime is null)
    {
        <FluentText Color="Color.Warning">Unpublished</FluentText>
    }
    else
    {
        <FluentText>@(cat.PublishedTime)</FluentText>
    }
</p>

额外说明： #

• FluentText支持所有Fluent的颜色、字体、大小等样式属性，API和FluentLabel基本一致，只是渲染标签从<p>改为<span>，适合嵌入段落、行内元素中使用。
• 如果需要更灵活的自定义，也可以直接用原生<span>标签搭配Fluent的CSS类实现，比如<span class="text-warning">Unpublished</span>，但FluentText是官方提供的更贴合组件体系的方案。

内容的提问来源于stack exchange，提问作者Luke Vo