Empty State

Molecules · Updated on 25 August 2017

Documentation is WIP, check open issues and start improving!

Empty State component is used when content can’t be shown, or for some reason is not available.

No Internet Connection

Check your internet connection and try once again.

No tickets.

Documentation

Specifications

//Base

$empty_state-content-horizontal-padding        : unit(16);      // 64px
$empty_state-content-vertical-padding          : unit(8);       // 32px

$empty_state-padding-top-body                  : unit(1);       // 4px

// Text

$empty_state-text-type-title                   : 'title';
$empty_state-text-type-body                    : 'body';
$empty_state-text-color                        : palette(cd3);

API

Name	Values	Default
title	string	’’
body	string	’’
background_color	string	CB1