Follow these steps when creating a new UI component.
The Platform Pattern Library is modeled after Brad Frost's , where smaller UI elements make up bigger elements which are then combined to create full pages. In Atoms are used to create Molecules, which create Organisms, which create Templates, all of which come together to create Pages. In the Pattern Library we follow the same methodology but with Basics, Fragments, Modules, and Blocks being used to create Layouts.
So the first thing that needs to be determined is where the new UI fits withing this methodology. Is it a small compenent? Or is it a bigger component made up of other smaller components? Once the appropriate structure is determined, you will be able to create the HTML and Sass accordingly.
Each UI component exists in either , , , or with each having their own (links to basic's index.html).
add the new html component to the appropriate file above.
add a link in that page's nav and link it to the new html component on that page.
use that page's existing html and nav as a guide.
are compiled via .
create a new file . (use existing html files as a guide)
create a handlebars file .
add the appropriate html for the layout to the new .hbs file.
link to the new layout .html file .
Sass files are structured using the same methodology as above.
The Platform Pattern Library uses to compile Css.
create a new .scss file in the.
@import that file to ****
