williamneto / reactpy-material

Material UI components for reactpy projects

reactpy-material

This project provide Material UI components to be used in reactpy projects. For a deep understanding of the components and its properties check the Material UI Docs.

Available components

Layout

• Box
• Container
• Form Contol
• Grid
• Stack

Inputs

• Autocomplete
• Button
• Button group
• Checkbox
• Chip
• Input
• Input label
• Select
• Text field
• Switch

Data display

• Icons
• Typography
• Table container
• Table
• Table body
• Table head
• Table row
• Table cell
• Datagrid

Navigation

• Speed dial
• Pagination
• Menu
• Menu item
• Tabs

Samples

Button

Reference

from reactpy import component
from reactpy_material import button

@component
def app()
    return ( 
        button(
            "Hello world", 
            attrs={
                "variant": "contained", 
                "href": "#test"
            }
        )
    )

Typography

Reference

@component
def app():
    return html.div(
        typography(
            "h1. Heading",
            attrs={
                "variant": "h1"
            }
        )
    )

run(app)

Check the samples/ folder to see more samples of the available components.