Boxes

Boxes

Effective attention grabbers

Boxes in Pine are designed to be used as areas that draw attention, and they go great together with buttons.

They come in two types:

  • Universal
  • Wrapper
And two styles:

  • Filled
  • Outlined


Universal Boxes

Universal Boxes are 100% wide and can be used anywhere a table is allowed: above/below other tables, or inside <td> or <th> elements.

So in Pine you can use them:

  • outside wrapper tables
  • in the <td> of wrapper tables, just like a row
  • inside a column

Example: Universal Boxes
                        
                          

                          

This stretches 100%, but the text stays centerd

 

A filled box inside a column

 

Wrapper Boxes

Wrapper Boxes can be used between other wrapper tables, and they can contain row tables with columns, too!

Example: Universal Boxes
                        
                          

                            
                            
Theme Mountain

Current Version