Environment

3 . Tools Panel

A description of the item.

Tools panel is a collection of draggable snippets of code that may be simple like plain span, and be as complex as a dynamically generated list of items from a certain collection.

Elements

Elements are simple draggable elements ...

Metadata
    Meta
    Link
Containers
    Main
    Header
    Footer
    Section
    Aside
    Article
    Nav
    Div
Media
    Img
    Html
    Figure
    FigCaption
Typography
    H1 - h6
    P
    Span
    A
    Blockquote
    Address
    Mark
    Abbr
    Del
    Ins
    Em
    Small
    Strong
    Sub
    Sup
    Pre
    Li
    Ul
    Ol
    Dd
    Hr
    Br
    Kbd
    Samp
    Progress
    Meter
    Code
    Icon
Forms
    Button
    Form
    Fieldset
    Legend
    Input
    Label
    Output
    Textarea
Tables
    Table
    Thead
    Tbody
    Tfoot
    Th
    Tr
    Td
    Col
    Colgroup
    Caption

Clipboard

Clipboard is an empty space where elements from the project can be dropped to, and then that code may be reused as a droppable snippet.

Collections

Collections are dynamic lists, or hand picked items from dynamic collection, that may be dropped inside of any page.

Collections will appear in the tools panel as soon as the first dynamic collection is created in the project.

NOTE:

More on the draggables available in the tools panel will be discussed in the stylebook section.