Components

• Box
• Button
• Card
• CardFooterItem
• Content
• Field
• Hero
• Icon
• Input
• Level
• Loader
• Notification
• RangeField
• Section
• Select
• Span
• Textarea
• Tile
• Tr

Box

Properties	Type
children	node

Button

Properties	Type
children	node
fielded	bool
loading	bool
primary	bool
success	bool
info	bool
link	bool
warning	bool
danger	bool
outlined	bool
inverted	bool
rounded	bool
hovered	bool
focused	bool
active	bool
static	bool
fullwidth	bool
icon	text

Card

Properties	Type
children	node
header	text
image	text
footerItems	[]

items:

[<CardFooterItem />, <CardFooterItem />]

CardFooterItem

Properties	Type
children	node

Content

Properties	Type
children	node

EqualColumns

Properties	Type
children	node

Field

Properties	Type
children	node
uncontrolled	bool
label	text
error	text
success	text

FieldWithAddons

Properties	Type
children	node
expanded	node

Hero

Properties	Type
title	text
subtitle	text
primary	bool
success	bool
info	bool
link	bool
warning	bool
danger	bool

Icon

Properties	Type
icon	text

f.e. icon="github" will generate i.fa.fa-github

Input

Properties	Type
error	bool
success	bool
type	text

Level

Properties	Type
items	[]

items:

[{title: T1, heading: H1}, {title: T2, heading: H2}]

Loader

Properties	Type
active	bool
size	int

Notification

Properties	Type
children	node
primary	bool
success	bool
info	bool
link	bool
warning	bool
danger	bool

RangeField

Properties	Type
children	node
seperator	text

Section

Properties	Type
children	node
title	text
subtitle	text

Select

Properties	Type
options	[]
fullwidth	bool
placeholder	text

items:

[{label: l1, value: v1}]

Span

Properties	Type
children	node
capitalized	bool
lowercase	bool
uppercase	bool
italic	bool
bold	bool
danger	bool
warning	bool
success	bool
primary	bool

Textarea

normal textarea props

Tile

Properties	Type
children	node
title	text
subtitle	text

Tr

Properties	Type
children	node
label	text
labels	[]