Components

Elevation is the relative distance between two surfaces along the z-axis.

Shadow

Add a box-shadow to a component.

Type	Default Value
string	null

shadow-sm

shadow

shadow-md

shadow-lg

shadow-xl

shadow-2xl

<NVBlock GutterY="4" P="4" CP="4">
  <NVBlock Shadow="sm">shadow-sm</NVBlock>
  <NVBlock Shadow="">shadow</NVBlock>
  <NVBlock Shadow="md">shadow-md</NVBlock>
  <NVBlock Shadow="lg">shadow-lg</NVBlock>
  <NVBlock Shadow="xl">shadow-xl</NVBlock>
  <NVBlock Shadow="2xl">shadow-2xl</NVBlock>
</NVBlock>

<div class="gutter-y-4 p-4 cp-4">
  <div class="shadow-sm">shadow-sm</div>
  <div class="shadow">shadow</div>
  <div class="shadow-md">shadow-md</div>
  <div class="shadow-lg">shadow-lg</div>
  <div class="shadow-xl">shadow-xl</div>
  <div class="shadow-2xl">shadow-2xl</div>
</div>

Elevations

Shadow

On this page