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.3a1.tar.gz (74.8 kB view details)

Uploaded Source

Built Distribution

reflex_chakra-0.6.3a1-py3-none-any.whl (174.8 kB view details)

Uploaded Python 3

File details

Details for the file reflex_chakra-0.6.3a1.tar.gz.

File metadata

  • Download URL: reflex_chakra-0.6.3a1.tar.gz
  • Upload date:
  • Size: 74.8 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: poetry/1.4.2 CPython/3.11.3 Darwin/22.1.0

File hashes

Hashes for reflex_chakra-0.6.3a1.tar.gz
Algorithm Hash digest
SHA256 8775b6c8916baee72921698401dff34465237c18bdf649645e2a19fc7746f466
MD5 1c65868d83581aca87c4c3b00de0ea08
BLAKE2b-256 a1695166784482eabb7299aad7d4e4a1806dd7db8c786c6db8b978575581c27d

See more details on using hashes here.

File details

Details for the file reflex_chakra-0.6.3a1-py3-none-any.whl.

File metadata

  • Download URL: reflex_chakra-0.6.3a1-py3-none-any.whl
  • Upload date:
  • Size: 174.8 kB
  • Tags: Python 3
  • Uploaded using Trusted Publishing? No
  • Uploaded via: poetry/1.4.2 CPython/3.11.3 Darwin/22.1.0

File hashes

Hashes for reflex_chakra-0.6.3a1-py3-none-any.whl
Algorithm Hash digest
SHA256 6a83605b44e21885d74b4d63e10e9d888aa6ca68c4768fdd626d473c7a310721
MD5 16a5363b2cde6d115d8a1a7f3c2ed493
BLAKE2b-256 ff60329385dec4584d517bf1e33c4bf377c66a16f34565613975a7697e1675c8

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