Components
Get Started
To use these components, import from the package
or import multiple components at once
Then use the the components like HTML elements.
Header Creates a toolbar with a search box inside of it. This should be used for creating the top navigation bar for your website. ```html ```
Properties
-
title (string)
Sets the title that appears on the website
-
style (object)
Overwrites the default styles of the Header element
Card Creates a card for displaying information. A card should normally be created using three elements: `Card`, `CardTitle`, and `CardContent`
Card
Creates the outer card container. All of the information for the card should be inside of the Card
element.
Content
Properties
-
style (object)
Overwrites the default styles of the component
Content
CardTitle Creates a title bar inside of the card. The CardTitle has a default color of 'tomato' ```html ```
Properties
-
content (string)
The text that should be displayed in the title of the card
-
style (object)
Overwrites the default styles of the component
CardContent This element creates an area to store the information for the card. ```html
Information
More Information
```ColumnLayout Creates a grid layout for displaying information. This component needs to be supplied with an array of react components to be displayed.
Properties
-
cards (array)
An array of cards that should be displayed in the column layout
- width (number) A number that sets how wide each column is