npm i
Run
npm start
An application shell. At current time this component is not generic
<Shell>
<HeaderBar title="Welcome to React-Blueprints" logo="anchor"></HeaderBar>
<ShellBody>
<LeftMenuRail collapsed={false}></LeftMenuRail>
<Content>
<BreadCrumb items={[ "Audiences", "Add new audience source" ]}></BreadCrumb>
<RightRail></RightRail>
</Content>
</ShellBody>
</Shell>
An horizontal header bar. At current time this component is not generic
A left-side navigation rail. At current time this component is not generic
A right-side properties rail. At current time this component is not generic
A breadcrumb component
prop | Comment / Description |
---|---|
items | An array of breadcrumb items. Each item in the array is a string with the breadcrumb text |
An HTML form which lays out is children in column.
prop | Comment / Description |
---|
A inline icon. Only a few icons are available: "anchor", "bell", "apps", "search", "login", "help", and "home"
prop | Comment / Description |
---|---|
name | The icon name |
style | The icon style: "normal" or "inverted" |
A vertical menu to display in a left-side navigation rail.
prop | Comment / Description |
---|---|
title | the menu title |
An item in a menu, made of an icon and a label
prop | Comment / Description |
---|---|
title | the text of the menu item |
icon | the name of the icon (see Icon component) |
A multi-line text field with its label on top
prop | Comment / Description |
---|---|
label | A caption for the text field |
A text field with its label on top
prop | Comment / Description |
---|---|
label | A caption for the text field |