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(target=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. If this is null, then this defaults to 16.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. If this is null, then this defaults to 0.0.