Style Guide

Atoms

• Global Settings

  <%#= render "express_ui/atoms/variables" %> <%= render "express_ui/atoms/mixins" %>

• Animation

  <%= render "express_ui/atoms/animations" %>

• Avatar

• Button

  <%= render "express_ui/atoms/buttons" %>

• Typography

  <%= render "express_ui/atoms/typography" %>

Molecules

• App Store Badges

• Button Group

  <%= render "express_ui/molecules/button_group" %>

• Container

  <%= render "express_ui/molecules/container" %>

• Flash Messages

  <%= render "express_ui/molecules/flash_messages" %>

• Forms

  <%= render "express_ui/molecules/forms" %>

• Form Groups

  <%= render "express_ui/molecules/form_groups" %>

• Lists

  <%= render "express_ui/molecules/lists" %>

• Nav

  <%= render "express_ui/molecules/nav" %>

• Table

  <%= render "express_ui/molecules/table" %>

• Tooltip

Organisms

Pagination

• Dialog

• Header

  <%= render "express_ui/organisms/header" %>

• Footer

Templates

• <%= render "express_ui/templates/templates" %>