shadcn_ui-separator

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Shadcn UI — Separator

Shadcn UI — Separator

Instructions

使用说明

ShadSeparator
visually or semantically separates content. Use
ShadSeparator.horizontal
for a horizontal line (e.g. between rows); use
ShadSeparator.vertical
for a vertical line (e.g. between columns). Optional:
thickness
,
margin
,
radius
,
color
.
ShadSeparator
用于从视觉或语义上分隔内容。使用
ShadSeparator.horizontal
创建水平线(例如行之间);使用
ShadSeparator.vertical
创建垂直线(例如列之间)。可选参数:
thickness
margin
radius
color

Horizontal

水平分隔线

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

Vertical

垂直分隔线

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