separator

separator() -> Dict

The separator function is a layout control component that forces a new row in your app’s layout. It’s essential for organizing content and creating clear visual breaks between different sections of your application.

​

Parameters

This component takes no parameters.

​

Returns

• Dict containing the component type and id.

​

Usage Example

Here’s how to use the separator function:

from preswald import separator, text, button

# Create components that will be on the same row
text("Left content", size=0.5)
text("Right content", size=0.5)

# Force a new row with separator
separator()

# These components will be on a new row
button("Button 1", size=0.3)
button("Button 2", size=0.3)
button("Button 3", size=0.3)

​

Key Features

• Clean Layout: Adds a clear visual break to structure your app’s content.
• Simple to Use: No configuration needed—just call the function.