2.11 #Components.drop-zone Drop zone

Toggle example guides Toggle HTML markup

Drop zone for drag and drop area

Browser support: IE11+, Safari6.1+, Firefox30+, Chrome30+

Default styling

Hint

.sb-drop-zone--ready
The ready state for the drop zone (to show the drop zone)

Hint

.sb-drop-zone--active
The active state for the drop zone (to say that the element can be dropped)

Hint

Markup
<div class="sb-flex">
  <div class="sb-drop-zone [modifier class]">
     <p class="sb-text--s sb-drop-zone__hint">Hint</p>
  </div>
</div>
Source: components/_drop_zone.scss, line 1