Placeholder

<c-bs-card-text c-attrs="{'class': 'placeholder-glow'}">
  <c-bs-placeholder c-xs="7" />
  <c-bs-placeholder c-xs="4" />
  <c-bs-placeholder c-xs="4" />
  <c-bs-placeholder c-xs="6" />
  <c-bs-placeholder c-xs="8" />
</c-bs-card-text>

<div>
  <c-bs-placeholder c-xs="6" />
  <c-bs-placeholder c-xs="12" />
  <c-bs-placeholder c-xs="3" />
</div>

<c-bs-placeholder c-xs="12" size="lg" />

<c-bs-placeholder c-xs="12" size="sm" />

<c-bs-placeholder c-xs="12" size="xs" />

<c-bs-placeholder c-xs="12" bg="primary" />

<c-bs-placeholder c-xs="12" bg="secondary" />

<c-bs-placeholder c-xs="12" bg="success" />

<c-bs-placeholder c-xs="12" bg="danger" />

<c-bs-placeholder c-xs="12" bg="warning" />

<c-bs-placeholder c-xs="12" bg="info" />

<c-bs-placeholder c-xs="12" bg="light" />

<c-bs-placeholder c-xs="12" bg="dark" />

<p class="placeholder-glow">
  <c-bs-placeholder c-xs="12" />
</p>

<p class="placeholder-wave">
  <c-bs-placeholder c-xs="12" />
</p>

<c-bs-placeholder c-xs="12" animation="glow" />

<c-bs-placeholder c-xs="12" animation="wave" />

<c-bs-placeholder-button variant="primary" c-xs="6" />

<c-bs-placeholder-button variant="secondary" c-xs="4" />

<c-bs-placeholder-button variant="success" c-xs="6" />

<c-bs-placeholder-button variant="danger" c-xs="6" />

<c-bs-placeholder as_="div" c-xs="12" />

<c-bs-placeholder c-xs="12" size="lg" bg="primary" />

<c-bs-placeholder c-xs="8" size="sm" bg="success" animation="wave" />