• Light
  • Dark
  • Darkest
  • Medium
  • Large
  • LTR
  • RTL
  • Default
  • Express

Drop indicator

Component status
Contribution
Current version@spectrum-css/dropindicator@5.1.0
ReleasedMay 7, 2024

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>