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

Uploaded Source

Built Distribution

If you're not sure about the file name format, learn more about wheel file names.

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

Uploaded Python 3

File details

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

File metadata

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

File hashes

Hashes for reflex_chakra-0.6.3.tar.gz
Algorithm Hash digest
SHA256 ff7c1c7638809c99104997bffbf861793c832f6d2288e30bd4ace65fec0f40e3
MD5 9ff7d6e687245f17a9c7d34dfdab7279
BLAKE2b-256 528c31767bcf2beddf11fd527eb90292967bc6381c6b0bb5ecfa809723171e83

See more details on using hashes here.

File details

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

File metadata

  • Download URL: reflex_chakra-0.6.3-py3-none-any.whl
  • Upload date:
  • Size: 174.7 kB
  • Tags: Python 3
  • Uploaded using Trusted Publishing? No
  • Uploaded via: poetry/1.8.3 CPython/3.11.11 Darwin/24.2.0

File hashes

Hashes for reflex_chakra-0.6.3-py3-none-any.whl
Algorithm Hash digest
SHA256 f3b92ba399451986ae5d09341265ca1e134edfdc2fab3a57ea83b7f652469d9a
MD5 eaa9c8497643dba03f140a357a60172c
BLAKE2b-256 490406e44c586410fde41e0bb0dcdf39a66106926b85c01944f06ba6e074461d

See more details on using hashes here.

Supported by

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