Browsersync UI Components
Also, you can view static representations of each section:
Typography
Heading 1
Heading 2
Heading 3
Lede paragraph. Lorem ipsum dolor sit amet.
Paragraph. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero esse molestias, itaque, quia sed laudantium laboriosam amet aliquam ipsam, laborum asperiores quod obcaecati, maiores fugiat nihil cum minus provident vitae.
Small paragraph. Lorem ipsum dolor sit amet.
Inline tags. Lorem strong ipsum code
dolar mark si em.
- Lorem ipsum dolor sit amet.
- Ratione dolore veritatis voluptas consequuntur!
- Odit quis, pariatur ipsum vel.
- Lorem ipsum dolor sit amet.
- Ratione dolore veritatis voluptas consequuntur!
- Odit quis, pariatur ipsum vel.
- Suscipit laudantium, quam debitis tempore.
- Nobis vero nesciunt suscipit porro.
- Suscipit laudantium, quam debitis tempore.
- Nobis vero nesciunt suscipit porro.
- Lorem ipsum dolor sit amet.
- Ratione dolore veritatis voluptas consequuntur!
- Odit quis, pariatur ipsum vel.
- Lorem ipsum dolor sit amet.
- Ratione dolore veritatis voluptas consequuntur!
- Odit quis, pariatur ipsum vel.
- Suscipit laudantium, quam debitis tempore.
- Nobis vero nesciunt suscipit porro.
- Suscipit laudantium, quam debitis tempore.
- Nobis vero nesciunt suscipit porro.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, hic.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, hic.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, hic.
Ingredients | Serves 12 | Serves 24 |
---|---|---|
Milk | 1 quart | 2 quart |
Cloves | 5 | 10 |
Egg Yolks | 12 | 24 |
Cups Sugar | 1 ½ cups | 3 cups |
Dark Rum | 1 ½ cups | 3 cups |
Freshly grated nutmeg to taste |
Buttons
Default button styles
Subtle button styles
Alternative Subtle button styles
Default buttons with icons
Subtle buttons with icons
Alternative Subtle button styles with icons
Button bars
Form inputs
Form label
Lists
Simple list
- Item 1
- Item 2
- Item 3
- Item 4
- Item 5
Bordered list
- /gallery/new-item
- https://github.com/shakyShane/browser-sync/pull/400
- Item 3
- Item 4
- Item 5
Bordered list with controls
-
https://github.com/Browsersync/UI/
-
https://github.com/Browsersync/UI/issues
-
https://twitter.com/browsersync
-
http://browsersync.io
-
http://stackoverflow.com/questions/tagged/browser-sync
-
http://www.browsersync.io/docs/options/#option-snippetOptions
-
https://github.com/shakyShane/browser-sync/blob/master/CONTRIBUTING.md
-
http://www.browsersync.io/docs/options/#option
-
http://www.wearejh.com
Headings
Server Info
Panels
Page heading
Overview
Sync all
Overview
Header
Switches
Css Grid Overlay
Some other content