skip to content
Whiteprint

Main navigation

Get started

  • Setup
  • Customising
  • Layouts

    • Columns
    • Containers
    • Covers
    • Sidebars
    • Stacks

Components

  • Alerts
  • Banners
  • Bars
  • Buttons
  • Cards
  • Dropdowns
  • Groups
  • Icon lists
  • Media objects
  • Navs
  • Text
  • Examples
  • Extras

    • Placeholders
    • Icons

Placeholders

Page contents

  1. Image
  2. Text

When working in prototype mode, the placeholder class is available to use. Depending on whether it is applied to an img tag, or something containing text, it will produce one of the below results.

Image

<img class="placeholder" width="400" height="300" />

Text

<p class="placeholder">Some example text</p>
<p class="placeholder">Some longer example text</p>
Sam Smith, 2019.