Reflex Logo

Intro

Gallery

Hosting

Learn

Components

Recipes

API Reference

Onboarding
Hosting

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

Did you find this useful?

HomeGalleryChangelogIntroductionHosting