Divider Class Reference

A Material Design 3 divider. More...

Inheritance diagram for Divider:

Detailed Description

A Material Design 3 divider.

Dividers are thin lines that group content in lists or other containers. A divider can be full-width, inset on one side, or inset on both sides by setting leadingInset and trailingInset, and can be laid out horizontally or vertically via orientation.

MD.Divider {
    Layout.fillWidth: true
}
 
MD.Divider {
    Layout.fillWidth: true
    leadingInset: MD.Tokens.divider.inset
}
 
MD.Divider {
    Layout.fillWidth: true
    leadingInset: MD.Tokens.divider.inset
    trailingInset: MD.Tokens.divider.inset
}

For more information see the Material Design 3 guidelines.

Definition at line 34 of file Divider.qml.

---

The documentation for this class was generated from the following file:

• src/controls/qml/components/Divider.qml