@limetech/lime-elements
Version:
46 lines • 1.51 kB
TypeScript
import { Languages } from '../date-picker/date.types';
import { OpenDirection } from '../menu/menu.types';
/**
* This component resembles a drag handle button, but is implemented
* as a `private` component to allow for easier styling and future extensions.
*
* :::important
* This component has its `shadow` set to `false` in order to
* integrate well with the drag-and-drop functionality, as well as
* providing a better accessibility.
*
* Keep in mind that its styles might be affected by the consumer
* component, due to its light dom.
* :::
*
* :::tip
* It's recommended to place the drag handle on the right side of
* the item it is meant to reorder, to ensure consistent layout
* design conventions.
* :::
*
* @exampleComponent limel-example-drag-handle-basic
* @exampleComponent limel-example-drag-handle-horizontal
*
* @private
*/
export declare class DragHandleComponent {
/**
* The direction in which the drag handle can be used to reorder items.
*/
dragDirection: 'vertical' | 'horizontal';
/**
* The preferred direction for the tooltip to open.
* Defaults to 'left', as our recommended placement for a drag handle
* in the UI is on the far right side of draggable elements.
*/
tooltipOpenDirection: OpenDirection;
/**
* Language to use for translations.
*/
language: Languages;
private readonly dragHandleId;
render(): any;
private readonly handleClick;
}
//# sourceMappingURL=drag-handle.d.ts.map