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

Uploaded Source

Built Distribution

reflex_chakra-0.1.1a1-py3-none-any.whl (169.8 kB view details)

Uploaded Python 3

File details

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

File metadata

  • Download URL: reflex_chakra-0.1.1a1.tar.gz
  • Upload date:
  • Size: 71.0 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.1.1a1.tar.gz
Algorithm Hash digest
SHA256 f224d42255fde675a65a622cdb19bff0e073edafe94b15019bfd8b21a461801c
MD5 ef37be64032d4a8aa7e19e8bea6bc51a
BLAKE2b-256 98fe790101ddb9478d2d7f9275d5980fddfe5f10b4851ec97d90fcd6749e2dd7

See more details on using hashes here.

File details

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

File metadata

  • Download URL: reflex_chakra-0.1.1a1-py3-none-any.whl
  • Upload date:
  • Size: 169.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.1.1a1-py3-none-any.whl
Algorithm Hash digest
SHA256 e27a3ffb171802a5309a4a7215e7f894810a4a8f0753e2779b5a7010ef36173c
MD5 175d0dbe0025457112e646c8b63b591b
BLAKE2b-256 568bede1b2d31a8befa7b54bb9b6ea0403c65ef582d568a5864e63eac5d5196f

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