@atlaskit/pragmatic-drag-and-drop-react-drop-indicator
Version:
An optional Pragmatic drag and drop package containing react components that provide a visual indication about what the user will achieve when the drop (eg lines)
26 lines (25 loc) • 692 B
JavaScript
import React from 'react';
import { Line } from './internal/line';
import { presetStrokeColors } from './presets';
/**
* __Drop indicator__
*
* A drop indicator is used to communicate the intended resting place of the draggable item. The orientation of the drop indicator should always match the direction of the content flow.
*/
export function DropIndicator({
appearance = 'default',
edge,
gap,
indent,
type
}) {
return /*#__PURE__*/React.createElement(Line, {
edge: edge,
gap: gap,
strokeColor: presetStrokeColors[appearance],
type: type,
indent: indent
});
}
// This default export is intended for usage with React.lazy
export default DropIndicator;