Table

Base #

No Border #

Remove all borders by applying the modifier class -no-border.

Striped #

Alternate the table row color by applying the modifier class -striped.

Hover #

Enable a hover state by applying the modifier class -hover.

Disabled #

Disable a row by applying the attribute disabled.

Success #

Render a success state by applying the modifier class -row--success.

Warning #

Render a warning state by applying the modifier class -row--warning.

Danger #

Render a danger state by applying the modifier class -row--danger.

Info #

Render an info state by applying the modifier class -row--info.

Ascending #

Descending #

Content Alignment #

Chi also supports additional content alignment with inline text align utilities applying the modifier class -text--left, -text--center or -text--right.

Size -xs #

Render a -xs size by applying the modifier class -xs.

Size -sm #

Render a -sm size by applying the modifier class -sm.

Size -md #

Render a -md size by applying the modifier class -md. -md is the default size.

Size -lg #

Render a -lg size by applying the modifier class -lg.

Size -xl #

Render a -xl size by applying the modifier class -xl.