Skip to main content

reflex using chakra components

Project description

reflex-chakra

Use reflex with chakra-ui components.

Installation

pip install reflex-chakra

Usage

import reflex as rx
import reflex_chakra as rc

def index():
   return rx.fragment(
       rc.vstack(
           rc.heading("This is a header"),
           rc.center("This text is centered"),
           rc.button(
               "click me",
               on_click=rx.toast("show toast!"),
               bg="purple",
               border_radius="0.5em",
               pl="10px"
           )
       ),
       
   )

app = rx.App()
app.add_page(index)

Visit the docs for more info of chakra-ui components.

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

reflex_chakra-0.6.0a7.tar.gz (74.5 kB view details)

Uploaded Source

Built Distribution

reflex_chakra-0.6.0a7-py3-none-any.whl (174.8 kB view details)

Uploaded Python 3

File details

Details for the file reflex_chakra-0.6.0a7.tar.gz.

File metadata

  • Download URL: reflex_chakra-0.6.0a7.tar.gz
  • Upload date:
  • Size: 74.5 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: poetry/1.8.3 CPython/3.11.7 Darwin/22.6.0

File hashes

Hashes for reflex_chakra-0.6.0a7.tar.gz
Algorithm Hash digest
SHA256 fe17282e439fdfdfd507e24857a615258ef9789f15049aa0e70239fbcb4d5fbf
MD5 c69b25ea3d5bcfaf1992ed6ba8e28c28
BLAKE2b-256 2802200b5e17d7eb1f646adf1ed76feba9b807baa39adf25b811a3fd8cd45e7c

See more details on using hashes here.

File details

Details for the file reflex_chakra-0.6.0a7-py3-none-any.whl.

File metadata

  • Download URL: reflex_chakra-0.6.0a7-py3-none-any.whl
  • Upload date:
  • Size: 174.8 kB
  • Tags: Python 3
  • Uploaded using Trusted Publishing? No
  • Uploaded via: poetry/1.8.3 CPython/3.11.7 Darwin/22.6.0

File hashes

Hashes for reflex_chakra-0.6.0a7-py3-none-any.whl
Algorithm Hash digest
SHA256 d693aee7323af13ce491165ffb4fe392344939e45516991671d5601727f749f4
MD5 763f5a072d040121a3d059069164704f
BLAKE2b-256 6307e2d0dfccf8e5e5278feef4a91d9bf992a5b27e2f9dd30e1e30463ffb1e74

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page