npm install quam
<script src="https://cdn.quamjs.org/latest/quamux.js"></script>
import React from 'react';
import ReactDOM from 'react-dom'
import Header from 'quam/ux/Header'
import UX from 'quam/UXBuilder'
const greeting = <Header level = "1" content = "Hello World" />;
UX.build(greeting, document.getElementById("root"))
UXBuilder is an essential render based on React.render()
method, you can still use React origin way to render elements of QuamUX, but UXBuilder will support more features of Quam in the future.
UX.build(JSX, renderNode)
JSX here supports all types of elements and components, NOT ONLY QuamUX.
<Header content = "demo_content" level = "1" />
define the inner HTML text.
define the level of header, like h1
, if you give a number over 6 (headers only support 1 to 6), the element will be renderred as p
.