GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - reflex-dev/reflex-chakra: Chakra Implementation in Reflex

BranchesTags
Open more actions menu

Latest commit

 

History

64 Commits
64 Commits

Folders and files

NameName
Last commit message
Last commit date
.github/workflows
.github/workflows
 
 
docs/rcweb
docs/rcweb
 
 
reflex_chakra
reflex_chakra
 
 
.gitignore
.gitignore
 
 
.python-version
.python-version
 
 
LICENSE.txt
LICENSE.txt
 
 
README.md
README.md
 
 
pyproject.toml
pyproject.toml
 
 
regenerate_pyi.py
regenerate_pyi.py
 
 
uv.lock
uv.lock
 
 

Repository files navigation

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.

About

Chakra Implementation in Reflex

chakra.reflex.run/introduction/

Topics

chakrachakra-uipythonreflexui

Resources

Readme
Apache-2.0 license
Activity
Custom properties

Stars

54 stars

Watchers

4 watching

Forks

9 forks
Report repository

Releases

Packages

Used by

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.