A text component used to display headings or titles in different sizes and styles.

Fields

NameTypeDescriptionOptions
TextTextAdd text directly, or reference state elements with @.
    Heading typeText
    1. h1 (Big)
    2. h2 (Normal)
    3. h3 (Small)
    4. h4 (Smallest)
    AlignmentText
    1. Left
    2. Center
    3. Right
    Primary textColor
      Custom CSS classesTextCSS classes, separated by spaces. You can define classes in custom stylesheets.

        Low code usage

        This component can be declared directly in Python, using backend-driven UI.

        ui.Heading(content={
                "text": "", # str 
                "headingType": "h3", # str [h1, h2, h3, h4]
                "alignment": "left", # str [left, center, right]
                "primaryTextColor": "", # str 
                "cssClasses": "", # str 
            }
        )
        

        Reference