UI Components
Base Elements alpha

Standard Text Block

Example


<UITextBlock>
  ‘Cause the players gonna play, play, play, play, play. And the haters gonna hate, hate, hate, hate, hate. Baby, I’m just gonna shake, shake, shake, shake, shake. I shake it off, I shake it off
</UITextBlock>

Usage

The Standard Text Block element should be used as the base paragraph style. It's the equivalent of a <p> tag.

Small Text Block

Example ⚡


<UISmallText>
  Hello world
</UISmallText>

Usage

The small text block element should be used as helper text and subtext for headers. It's the equivalent of a <small> tag.

Code Highlight

Example


<UICodeHighlight
  language="sql">
  SELECT * FROM npi.nppes_state where code = 'CA';
</UICodeHighlight>

Usage

Code Highlight should be used to highlight code... duh...

Changelog

  • December 9, 2016 - Promoted to Alpha and updated to automated docs