SxFab (悬浮按钮)
- Implemented
在页面角落浮动的操作按钮。对齐 NextUI 扩展规范并说明当前实现状态。
使用场景
- 关键操作入口（如新建、添加）
- 组合快捷操作菜单
- 移动端主操作按钮
约束说明
- 仅提供浮动按钮与子操作展开，需自行提供
ChildContent操作项。 - 组件默认右下角定位，可通过
Style自定义。
行为说明
- 点击触发按钮切换展开状态。
- 禁用时不响应点击。
API
Parameters (参数)
| 状态 | 参数名 | 类型 | 默认值 | 描述 |
|---|---|---|---|---|
| Implemented | Icon |
string |
"plus" |
触发图标名。 |
| Implemented | Direction |
FabDirection |
Up |
菜单展开方向。 |
| Implemented | ChildContent |
RenderFragment? |
null |
操作项集合。 |
| Implemented | Disabled (继承) |
bool |
false |
是否禁用。 |
| Implemented | Id (继承) |
string? |
null |
组件的物理 Id。 |
| Implemented | Class (继承) |
string? |
null |
自定义 CSS 类名。 |
| Implemented | Style (继承) |
string? |
null |
自定义样式。 |
| Implemented | Title (继承) |
string? |
null |
HTML title 属性。 |
| Implemented | AdditionalAttributes (继承) |
IEnumerable<KeyValuePair<string, object>>? |
null |
捕获不匹配的 HTML 属性。 |
示例
<SxFab Icon="plus">
<SxButton Appearance="ButtonAppearance.Accent">新建</SxButton>
</SxFab>