Dioxus Component for Patternfly.
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">
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"}
}
}
}
})
```