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.0a4.tar.gz (74.5 kB view details)

Uploaded Source

Built Distribution

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

Uploaded Python 3

File details

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

File metadata

  • Download URL: reflex_chakra-0.6.0a4.tar.gz
  • Upload date:
  • Size: 74.5 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.0a4.tar.gz
Algorithm Hash digest
SHA256 3b95614a6843f3b8aa364bf98d8258e269694bf62986d0fa10d8d038b4418650
MD5 28c8a8764cd1f36f3d5259bf10886b4a
BLAKE2b-256 d669a3b91fbd83e56c459c3b3c748d3e534f7fadec108d40dbe7adfb644f4656

See more details on using hashes here.

File details

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

File metadata

  • Download URL: reflex_chakra-0.6.0a4-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.0a4-py3-none-any.whl
Algorithm Hash digest
SHA256 d94e2f75a173b88e6fc0a1af2e9b04ceb9c0860cca13953fa8a21ad2e9f0721b
MD5 b881ce30630c459c84fd5f0064eb508d
BLAKE2b-256 b0d6995343176d1a75f6b830095d4250c511c58e73689964a7045ebdc09157b4

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