@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)
34 lines (32 loc) • 1.12 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.DropIndicator = DropIndicator;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _line = require("./internal/line");
var _presets = require("./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.
*/
function DropIndicator(_ref) {
var _ref$appearance = _ref.appearance,
appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
edge = _ref.edge,
gap = _ref.gap,
indent = _ref.indent,
type = _ref.type;
return /*#__PURE__*/_react.default.createElement(_line.Line, {
edge: edge,
gap: gap,
strokeColor: _presets.presetStrokeColors[appearance],
type: type,
indent: indent
});
}
// This default export is intended for usage with React.lazy
var _default = exports.default = DropIndicator;