32 lines
1.5 KiB
TypeScript
32 lines
1.5 KiB
TypeScript
|
import Component from '../../components/split-panel/split-panel.component.js';
|
||
|
|
import { type EventName } from '@lit/react';
|
||
|
|
import type { SlRepositionEvent } from '../../events/events.js';
|
||
|
|
export type { SlRepositionEvent } from '../../events/events.js';
|
||
|
|
/**
|
||
|
|
* @summary Split panels display two adjacent panels, allowing the user to reposition them.
|
||
|
|
* @documentation https://shoelace.style/components/split-panel
|
||
|
|
* @status stable
|
||
|
|
* @since 2.0
|
||
|
|
*
|
||
|
|
* @event sl-reposition - Emitted when the divider's position changes.
|
||
|
|
*
|
||
|
|
* @slot start - Content to place in the start panel.
|
||
|
|
* @slot end - Content to place in the end panel.
|
||
|
|
* @slot divider - The divider. Useful for slotting in a custom icon that renders as a handle.
|
||
|
|
*
|
||
|
|
* @csspart start - The start panel.
|
||
|
|
* @csspart end - The end panel.
|
||
|
|
* @csspart panel - Targets both the start and end panels.
|
||
|
|
* @csspart divider - The divider that separates the start and end panels.
|
||
|
|
*
|
||
|
|
* @cssproperty [--divider-width=4px] - The width of the visible divider.
|
||
|
|
* @cssproperty [--divider-hit-area=12px] - The invisible region around the divider where dragging can occur. This is
|
||
|
|
* usually wider than the divider to facilitate easier dragging.
|
||
|
|
* @cssproperty [--min=0] - The minimum allowed size of the primary panel.
|
||
|
|
* @cssproperty [--max=100%] - The maximum allowed size of the primary panel.
|
||
|
|
*/
|
||
|
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
||
|
|
onSlReposition: EventName<SlRepositionEvent>;
|
||
|
|
}>;
|
||
|
|
export default reactWrapper;
|