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
class-attribute
instance-attribute
#
body_large: TextStyle | None = None
Largest of the body styles. Body styles are used for longer passages of text.
body_medium
class-attribute
instance-attribute
#
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
class-attribute
instance-attribute
#
body_small: TextStyle | None = None
Smallest of the body styles.
display_large
class-attribute
instance-attribute
#
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
class-attribute
instance-attribute
#
display_medium: TextStyle | None = None
Middle size of the display styles.
display_small
class-attribute
instance-attribute
#
display_small: TextStyle | None = None
Smallest of the display styles.
headline_large
class-attribute
instance-attribute
#
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
class-attribute
instance-attribute
#
headline_medium: TextStyle | None = None
Middle size of the headline styles.
headline_small
class-attribute
instance-attribute
#
headline_small: TextStyle | None = None
Smallest of the headline styles.
label_large
class-attribute
instance-attribute
#
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
class-attribute
instance-attribute
#
label_medium: TextStyle | None = None
Middle size of the label styles.
label_small
class-attribute
instance-attribute
#
label_small: TextStyle | None = None
Smallest of the label styles.
title_large
class-attribute
instance-attribute
#
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.