https://github.com/zomatree/dioxus-styled-components

Styled Components for Dioxus
https://github.com/zomatree/dioxus-styled-components

Last synced: 8 days ago
JSON representation

Styled Components for Dioxus

• Host: GitHub
• URL: https://github.com/zomatree/dioxus-styled-components
• Owner: Zomatree
• Created: 2022-07-06T13:55:38.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-07-06T14:49:17.000Z (over 2 years ago)
• Last Synced: 2024-05-01T19:18:22.100Z (7 months ago)
• Language: Rust
• Homepage:
• Size: 9.77 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Styled Components for Dioxus

```rs

use dioxus::prelude::*;

use styled_components::styled;

styled!(let Red: p = "color: red");

styled!(let Blue: p = "color: blue");

fn app(cx: Scope) -> Element {

    cx.render(rsx! {

        div {

            Red { "I am red text" },

            Blue { "I am blue text"}

        }

    })

}

```

## Limitations

#### custom properties are not possible yet

Dioxus doesnt have a way to pass through properies in elements yet.