box() v2: closable and labels


Closable Box with dropdown

Box Content


                  
                

Closable box, with label

1

Box Content


                  
                

userBox()


User Avatar

Nadia Carmichael

lead Developer
Some text here!

                  
                

Alexander Pierce

Founder & CEO
User Avatar
Some text here!

                  
                

Elizabeth Pierce

Web Designer
User Avatar
Some text here!

                  
                

socialBox()



                  
                

flipBox()


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

                  
                

appButton()


App Buttons


                  
                

socialButton()


Social Buttons


                  
                

Create box with sidebar


boxPlus with sidebar

  • 
                                  

                  
                

descriptionBlock()


Status summary


                  
                

boxPad()


Box with a green boxPad

8390
VISITS
30%
REFERRALS
70%
ORGANIC

                  
                

Box with boxPad containing inputs



                  
                

userList()


User List example


                  
                

navPills()



productList()


Product List


                  
                

accordion()


Accordion Demo

This is some text!

This is some text!

                  
                

todoList()


Sortable todo list demo
  • Design a nice theme Some text here
  • Make the theme responsive Some text here
  • Let theme shine like a star

                  
                

Simple todo list demo
  • Design a nice theme Some text here
  • Make the theme responsive Some text here
  • Let theme shine like a star

                  
                

timelineBlock()


Reversed Timeline: ideal to include in a box



  • 2018
  • now

    Item 1

    This is the body
  • Item 2

  • 2015
  • Item 3


                  
                

Timeline non reversed: ideal to include oustide of a box



  • 2018
  • now

    Item 1

    This is the body
  • Item 2

  • 2015
  • Item 3


                  
                

boxProfile()


Box with profile

Nina Mcintire

Software Engineer


                  
                

userPost()


Box with user comment

Jonathan Burke Jr. Shared publicly - 7:30 PM today

Lorem ipsum represents a long-held tradition for designers, typographers and the like. Some people hate it and argue for its demise, but others ignore the hate as they create awesome tools to help create filler text for everyone from bacon lovers to Charlie Sheen fans.

  • item 1
  • item 2

Adam Jones Shared publicly - 5 days ago

  • item 1
  • item 2


                  
                

userMessages()


Box with messages

Alexander Pierce 20 Jan 2:00 pm
Is this template really for free? That iss unbelievable!
Sarah Bullock 23 Jan 2:05 pm
You better believe it!

                  
                

loadingState()


loading spinner


                  
                

blockQuote()


BlockQuote example

I quote some text here!

BlockQuote example

I quote some text here!

                  
                

                  
                

dashboardLabel()


Label 1 Label 2 Label 3 Label 4 Label 5

                
              

starBlock()


Star example


                  
                

attachmentBlock()


Attachment example

Test

This is the content

                  
                

progressBar()


progress


                  
                

carousel()