Divider

Divider is the simplest grouping aid in the widget set.

Use it when content belongs to one surface but still needs visible separation between sections, rows, or tool groups. A divider is lighter than putting every piece of content in its own card.

Example

use fission::prelude::*;

let node = VStack {
    spacing: Some(0.0),
    children: vec![
        Text::new("General").into_node(),
        Divider::default().build(ctx, view),
        Text::new("Security").into_node(),
    ],
}
.into_node();

Field table

Field	Type	Meaning	Notes / default behavior
orientation	Orientation	Whether the line runs horizontally or vertically.	Defaults to Orientation::Horizontal.

Layout behavior

A horizontal divider grows to fill available width and uses a fixed height of one point. A vertical divider grows to fill available height and uses a fixed width of one point. This makes it a good structural separator inside rows, columns, and menus.

Specific advice

Use dividers to clarify grouping, not to draw a line between every single thing on screen. If every row gets a divider plus a card plus extra borders, the interface usually becomes noisier instead of clearer.

Related

Card, Alert, Row, and Column.