Skip to content

Divider

Overview

Divider is used to provide visual separation and is based on the Angular Material divider component.

Examples

import mesop as me


def load(e: me.LoadEvent):
  me.set_theme_mode("system")


@me.page(
  on_load=load,
  security_policy=me.SecurityPolicy(
    allowed_iframe_parents=["https://google.github.io"]
  ),
  path="/divider",
)
def app():
  with me.box(style=me.Style(margin=me.Margin.all(15))):
    me.text(text="before")
    me.divider()
    me.text(text="after")

API

divider

Creates a Divider component.

PARAMETER DESCRIPTION
key

The component key.

TYPE: str | None DEFAULT: None

inset

Whether the divider is an inset divider.

TYPE: bool DEFAULT: False