Spacers

Usage

Spacers are used to insert gaps between panels

Use spacers to enhance panel layout by including sufficient white space between panel rows and columns.


Spacer between panel rows.

PCF elements

Primary function

Spacer

Secondary function

No elements use this widget as a secondary function.

Best Practices

Spacers create white space. Use this white space to:

  • Manually control spacing and placement. For example, the spacer in the following screen shot clearly demarcates the Toyota Corolla and Honda Accord information blocks.


  • Allow the design to breathe. Designs with insufficient white space appear crammed, unappealing, and make scanning and comprehension more difficult.