Chidori

Chidori

  • Docs
  • Help
  • GitHub

›Components

Getting Started

  • Installation

Brand

  • Branding

Layout

  • Grid

Content

  • Typography
  • Colors

Components

  • Overview
  • Buttons
  • Forms
  • Labels
  • GridItem
  • Images

Buttons

Primary Button

Example:

Code:

<button className="btn primary font-circularBold-15px">Primary Button</button>

Secundary Button

Example:

Code:

<button className="btn secundary font-circularBold-15px">
  Secondary Button
</button>

Third Button

Example:

Code:

<button className="btn third font-circularBold-15px">Third Button</button>

Fourth Button

Example:

Code:

<button className="btn fourth font-circularBold-15px">Fourth Button</button>

Fifith Button

Example:

Code:

<button className="btn fifth font-circularBold-15px">Fifith Button</button>

Icon Button

Example:

Code:

<button className="btn fifth icon font-circularBold-15px">
  <img src="../../icons/icon-plus.svg" alt="" />
  Button with Left Icon
</button>

Outlined Button



Code:

<button class="btn icon outline">
  Outlined button
</button>
← OverviewForms →
  • Primary Button
  • Secundary Button
  • Third Button
  • Fourth Button
  • Fifith Button
  • Icon Button
  • Outlined Button
Chidori
Docs
Getting Started
Community
Slack
More
BlogGitHubStar
Copyright © 2019 MedPass Brasil