Semantic UI bindings for Concur.
It's also a good demonstration of using external React components with Concur.
- Include semantic-ui CSS in your html page. In the examples I load them from a CDN like so -
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/semantic.min.css">- Use one of the widgets supplied by this library. E.g. -
import Concur.SemanticUI.Button (displayButton)
import Concur.SemanticUI.Button as B
helloWidget :: forall a. Widget HTML a
helloWidget = do
displayButton (B.primary := true) (text "Click me")
displayButton (B.secondary := true <> B.size := Massive) (text "Hello Sailor!")
helloWidget- *WORK IN PROGRESS Look at the official Demo to see the available widgets.
Borrows parts of the semi-automatic binding generation code from https://github.com/albertov/purescript-react-semantic-ui/blob/master/gen.sh (MIT license).