Separator
The semantic divider: a 1dp hairline, horizontal or vertical.
Visually separates content — shadcn Separator. Separator /
SeparatorVertical are the component form of Hairline /
VerticalHairline (same paint; prefer the Separator names in app code).
Installation
Use the module import (the default), or own the source: lotusui add
vendors the component into your app and lotusui update keeps the copy mergeable —
see Registry.
go get github.com/ikaito-com/lotusui
# or vendor the source into your app:
go run github.com/ikaito-com/lotusui/cmd/lotusui add separatorUsage
lotusui.Separator(th) // horizontal
lotusui.SeparatorVertical(th) // between row siblingsList
Inline items divided by vertical rules.
// Blog | Docs | Source — SeparatorVertical between Rigid childrenHairline aliases
Hairline / VerticalHairline are the low-level
primitives (components.go). Separator sets
Min.X = Max.X then calls Hairline;
SeparatorVertical is an alias of VerticalHairline.
Use Separator in screens; Hairline remains for internal/composed chrome
(tables, menus).
lotusui.Hairline(th) // ≡ Separator without forcing Min.X
lotusui.VerticalHairline(th) // ≡ SeparatorVerticalAPI
| Option | Type | Description |
|---|---|---|
Separator(th) | widget | The horizontal 1dp rule (forces full width). |
SeparatorVertical(th) | widget | Divides horizontal siblings. |
Hairline(th) / VerticalHairline(th) | widget | Low-level aliases; prefer Separator in app code. |