npm i ui-redpanda@latest
import { /* UI component name here */ } from "ui-redpanda"
import "ui-redpanda/dist/ui-redpanda.css"
// Loader
<Loader />
// Examples of button variants:
<Button>Default</Button>
<Button variant="outlined">Outlined</Button>
<Button variant="contained">Contained</Button>
<Button variant="disabled">Disabled</Button>
// Examples of label and switch variants as well as use of the optional className prop:
<Label className="justify-self-end" size="large" label="Live switch:"/>
<Switch className="justify-self-start" variant="live"/>
<Label className="justify-self-end" size="large" label="Disabled switch:"/>
<Switch className="justify-self-start" variant="disabled"/>
// Examples of input types:
<Input className="sm:justify-self-center" type="text" sanitized />
<Input className="sm:justify-self-center" type="radio" />
<Input className="sm:justify-self-center" type="checkbox" />
// Textbox example:
<Textbox name="Textbox" placeholder="Type here..." sanitized/>