<% content_for :title do %> <%= "Styleguide" %> <% end %> <% content_for :javascript_includes do %> <% end %> <% content_for(:toolbar) do %> <%= render Alchemy::Admin::ToolbarButton.new( icon: :info, label: 'Info', url: alchemy.dashboard_info_path, title: 'Info', hotkey: 'alt+i', dialog_options: { title: 'Info', size: "430x400" }, if_permitted_to: [:index, :alchemy_admin_styleguide] ) %> <% end %>

AlchemyCMS Styleguide

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

This is a paragraph, with a link, a keyboard shortcut and an inline code snippet.

Messages

Info Message

<%= render_message do %>

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

<% end %>

Warning Message

<%= render_message :warning do %>

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

<% end %>

Error Message

<%= render_message :error do %>

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

<% end %>

Growl Messages

<%= link_to render_icon(:check), 'javascript:Alchemy.growl("Success message")', class: "icon_button" %> <%= link_to render_icon(:info), 'javascript:Alchemy.growl("Info message", "info")', class: "icon_button" %> <%= link_to render_icon(:alert), 'javascript:Alchemy.growl("Warning message", "warn")', class: "icon_button" %> <%= link_to render_icon(:bug), 'javascript:Alchemy.growl("Error message", "error")', class: "icon_button" %>

Dialog Links

<%= render_icon "window" %> <%= render_icon "window" %>

Forms

<%= render_message do %>

This form is inside a .panel component.

<% end %>
Error message
With hint

Tables

Normal Table

Table Heading 1 Table Heading 2 Table Heading 3
Even table cell 1 Even table cell 2 Even table cell 3
Odd table cell 1 Odd table cell 2 Odd table cell 3

Table with icons

Table Heading 1 Table Heading 2 Table Heading 3
<%= render_icon "user" %> Even table cell 1 Even table cell 2 Even table cell 3 <%= render_icon "delete-bin-2" %> <%= render_icon "edit" %>
<%= render_icon "user", style: "fill" %> Odd table cell 1 Odd table cell 2 Odd table cell 3 <%= render_icon "delete-bin-2" %> <%= render_icon "edit" %>

Lists

Unordered List

Ordered List

  1. List item
  2. List item
  3. List item