Docs

Blog

Gallery

Resources

Learn

Components

API Reference

Onboarding

Library

/

Chakra

/

Layout

/

Spacer

Creates an adjustable, empty space that can be used to tune the spacing between child elements within Flex.

Example

Example

Example

rx.chakra.flex(
    rx.chakra.center(
        rx.chakra.text("Example"), bg="lightblue"
    ),
    rx.chakra.spacer(),
    rx.chakra.center(
        rx.chakra.text("Example"), bg="lightgreen"
    ),
    rx.chakra.spacer(),
    rx.chakra.center(
        rx.chakra.text("Example"), bg="salmon"
    ),
    width="100%",
)

A flexible space component.

Props

No component specific props

Event Triggers

No component specific event triggers

Did you find this useful?

HomeGalleryChangelogIntroductionHosting