TextTheme

Customizes Text styles.

Material 3 design defines 5 groups of text styles with 3 sizes in each group: "Display", "Headline", "Title", "Label" and "Body" which are used across Flet controls.

Properties

• body_large(TextStyle | None) –

  Largest of the body styles. Body styles are used for longer passages of text.

• body_medium(TextStyle | None) –

  Middle size of the body styles. Body styles are used for longer passages of text.

• body_small(TextStyle | None) –

  Smallest of the body styles.

• display_large(TextStyle | None) –

  Largest of the display styles. As the largest text on the screen, display styles

• display_medium(TextStyle | None) –

  Middle size of the display styles.

• display_small(TextStyle | None) –

  Smallest of the display styles.

• headline_large(TextStyle | None) –

  Largest of the headline styles. Headline styles are smaller than display styles.

• headline_medium(TextStyle | None) –

  Middle size of the headline styles.

• headline_small(TextStyle | None) –

  Smallest of the headline styles.

• label_large(TextStyle | None) –

  Largest of the label styles. Label styles are smaller, utilitarian styles, used for

• label_medium(TextStyle | None) –

  Middle size of the label styles.

• label_small(TextStyle | None) –

  Smallest of the label styles.

• title_large(TextStyle | None) –

  Largest of the title styles. Titles are smaller than headline styles and should be

• title_medium(TextStyle | None) –

  Middle size of the title styles.

• title_small(TextStyle | None) –

  Smallest of the title styles.

Properties

body_large

body_large: TextStyle | None = None

Largest of the body styles. Body styles are used for longer passages of text.

body_medium

body_medium: TextStyle | None = None

Middle size of the body styles. Body styles are used for longer passages of text. The default text style for Material.

body_small

body_small: TextStyle | None = None

Smallest of the body styles.

display_large

display_large: TextStyle | None = None

Largest of the display styles. As the largest text on the screen, display styles are reserved for short, important text or numerals. They work best on large screens.

display_medium

display_medium: TextStyle | None = None

Middle size of the display styles.

display_small

display_small: TextStyle | None = None

Smallest of the display styles.

headline_large

headline_large: TextStyle | None = None

Largest of the headline styles. Headline styles are smaller than display styles. They're best-suited for short, high-emphasis text on smaller screens.

headline_medium

headline_medium: TextStyle | None = None

Middle size of the headline styles.

headline_small

headline_small: TextStyle | None = None

Smallest of the headline styles.

label_large

label_large: TextStyle | None = None

Largest of the label styles. Label styles are smaller, utilitarian styles, used for areas of the UI such as text inside of components or very small supporting text in the content body, like captions. Used for text on Button, TextButton and OutlinedButton.

label_medium

label_medium: TextStyle | None = None

Middle size of the label styles.

label_small

label_small: TextStyle | None = None

Smallest of the label styles.

title_large

title_large: TextStyle | None = None

Largest of the title styles. Titles are smaller than headline styles and should be used for shorter, medium-emphasis text.

title_medium

title_medium: TextStyle | None = None

Middle size of the title styles.

title_small

title_small: TextStyle | None = None

Smallest of the title styles.