SuperAPI AI 工具集

shadcn_ui-separator

前端与建站

查看项目

更新于 10-16 04:00

技能介绍

Shadcn UI — Separator

用途 ShadSeparator 用于在视觉或语义上分隔内容。

主要形态

  • 使用 ShadSeparator.horizontal 绘制水平分隔线(例如行与行之间)。
  • 使用 ShadSeparator.vertical 绘制垂直分隔线(例如列与列之间)。

可配置项 可选项包括:thickness(粗细)、margin(外边距)、radius(圆角)、color(颜色)。

使用方式 水平示例:

const ShadSeparator.horizontal( thickness: 4, margin: EdgeInsets.symmetric(horizontal: 20), radius: BorderRadius.all(Radius.circular(4)), )

垂直示例:

const ShadSeparator.vertical( thickness: 4, margin: EdgeInsets.symmetric(vertical: 20), radius: BorderRadius.all(Radius.circular(4)), )

适用场景 在界面中添加分割线或进行视觉分隔时使用,例如列表行之间、布局列之间。

限制 资料中未提供关于平台、价格、依赖或额外限制的说明,暂未提供。