Patternfly components for Yew

Dioxus Component for Patternfly.

setup

npm install patternfly --save

append to index.html

<link data-trunk rel="scss" href="node_modules/@patternfly/patternfly/patternfly.scss"> <link data-trunk rel="scss" href="node_modules/@patternfly/patternfly/patternfly-addons.scss"> <link data-trunk rel="copy-dir" href="node_modules/@patternfly/patternfly/assets">

Currently available components.

working ...

for examples...

``` fn App(cx: Scope) -> Element { let date = usestate(&cx, || "2020-03-05".tostring()); cx.render(rsx! { div{ "aaa", PfBadge { read: true, "1" } PfAlert { variation: Variation::Info, "bbb" } PfAlert { variation: Variation::Danger, description: "body", "bbb" } PfAccordion { title: "title",is_open:true, "body" }

        PfTooltip {
            content: "tooltip", orientation: Orientation::Right,
            "ccc"
        }
        PfDatePicker {
           date: date,
        }

        div { "{date}"}
        PfLargeSpinner {}

        PfMiddleSpinner {}
        PfSmallSpinner {}

        PfTabs {
            PfTab {
                title: "tab1",
                "tab1-content"
            },
            PfTab {
                title: "tab2",
                span {style:"color:red;", "tab2-content"}
            }
        }

    }

})

```