Typography

BigDesign comes with a collection of predefined typography components. Typography Design Guidelines.

Hero header - h0

Page header - h1

Panel header - h2

Section header - h3

Group header - h4

Text - p

Small text - small

Edit the code below to see your changes live!

API

Typography

Prop NameTypeDefaultDescription
colorColorsecondary70Sets the text color given a color name from our palette.
ellipsebooleanControls whether the text will concat and display ellipse... on overflow.

Props ending with * are required

Inherited Props

Expand

Margin Props

Examples

Color

Choose any color from our color pallete to style your text color.

This color is primary40

This color is danger70

This color is success50

Edit the code below to see your changes live!

Ellipse

Setting the ellipsis prop, will allow text to overflow nicely.

Indexes start at 0 and so do our headers.

Edit the code below to see your changes live!

Beta