New Frame Styleguide
Forms
Input: Submit
Input: Submit 100% width
Input: Submit 50% width
Input: Reset
Input: Text
Input: Date
Input: Colour
Input: Email
Input: Number
Input: Comma Separated
Input: Text Area
Input: Radio
Input: Checkbox
Input: Range
012345
Input: With submit
Input: With label
Select
Typography
X-large heading
Some more text over two lines
Large heading
Some more text over two lines
Heading
Some more text over two lines
Small heading
Some more text over two lines
H1
Some more text
over two lines
H2
Some more text
over two lines
H3
Some more text
over two lines
H4
Some more text
over two lines
H5
Some more text
over two lines
H6
Some more text
over two lines
Paragraph
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Unordered list
- List item
- List item
- List item
- List item
Ordered list
- List item
- List item
- List item
- List item
Bold
some textStrong
some textItalicised
some textEmphasis
some textCite
some textMarked
some textSmall
some textBig
some textAnchor (hyperlink)
some textCaption
Blockquote (with source/label)
“Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.”
Table
| Table Head | Table Head | Table Head | Table Head |
|---|---|---|---|
| Text | 001 | Text | 001 |
| Text | 001 | Text | 001 |
| Text | 001 | Text | 001 |
| Text | 001 | Text | 001 |
Code
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget.
Error
Some text