• Lightest
  • Light
  • Dark
  • Darkest
  • Medium
  • Large
  • LTR
  • RTL

Drop Indicator

Component status
Contribution
Last releasedOctober 20, 2020
Current version@spectrum-css/dropindicator@3.0.0-beta.4

Usage notes


A Drop Indicator is used to show the insertion position into a list or table.

Variants


Standard
Contribution

Show markup
<div style="display: flex; align-items: center">
  <div class="spectrum-DropIndicator spectrum-DropIndicator--vertical" style="height: 300px; margin: 100px;"></div>
  <div class="spectrum-DropIndicator spectrum-DropIndicator--horizontal" style="width: 300px;"></div>
</div>