Skip to main content

Divider

A thin horizontal line, with padding on either side.

In the material design language, this represents a divider.

Examples

Live example

import flet as ft

def main(page: ft.Page):

page.add(
ft.Column(
[
ft.Container(
bgcolor=ft.colors.AMBER,
alignment=ft.alignment.center,
expand=True,
),
ft.Divider(),
ft.Container(bgcolor=ft.colors.PINK, alignment=ft.alignment.center, expand=True),
ft.Divider(height=1, color="white"),
ft.Container(
bgcolor=ft.colors.BLUE_300,
alignment=ft.alignment.center,
expand=True,
),
ft.Divider(height=9, thickness=3),
ft.Container(
bgcolor=ft.colors.DEEP_PURPLE_200,
alignment=ft.alignment.center,
expand=True,
),
],
spacing=0,
expand=True,
),
)

ft.app(main)

Properties

color

The color to use when painting the line.

height

The divider's height extent. The divider itself is always drawn as a horizontal line that is centered within the height specified by this value.

Defaults to 16.0.

leading_indent

The amount of empty space to the leading edge of the divider.

Defaults to 0.0.

thickness

The thickness of the line drawn within the divider. A divider with a thickness of 0.0 is always drawn as a line with a height of exactly one device pixel.

Defaults to 0.0.

trailing_indent

The amount of empty space to the trailing edge of the divider.

Defaults to 0.0.