@vitus-labs/rocketstories
Version:
Rocketstyle is ultra powerful and extensible styling system for building React components blazingly fast, easily and make them easily extensible and reusable.
96 lines • 3.49 kB
TypeScript
declare const _default: {
readonly refName: {
readonly type: "text";
readonly value: "ref";
readonly description: "Overlay component access **ref** to directly mutate styles when calculation position to prevent re-renders. It's being used for both `trigger`, and `children` element at the same time. Your components must accept refs with the same naming.";
readonly group: "Overlay (Vitus-Labs)";
};
readonly triggerRefName: {
readonly type: "text";
readonly description: "A key name how a **ref** should be passed to trigger component";
readonly group: "Overlay (Vitus-Labs)";
};
readonly contentRefName: {
readonly type: "text";
readonly description: "A key name how a **ref** should be passed to content component";
readonly group: "Overlay (Vitus-Labs)";
};
readonly isOpen: {
readonly type: "boolean";
readonly value: false;
readonly description: "";
readonly group: "Overlay (Vitus-Labs)";
};
readonly openOn: {
readonly type: "select";
readonly options: readonly ["click", "hover"];
readonly value: "click";
readonly description: "";
readonly group: "Overlay (Vitus-Labs)";
};
readonly closeOn: {
readonly type: "select";
readonly options: readonly ["click", "triggerClick", "hover", "manual"];
readonly value: "click";
readonly description: "";
readonly group: "Overlay (Vitus-Labs)";
};
readonly type: {
readonly type: "select";
readonly options: readonly ["dropdown", "tooltip", "popover", "modal"];
readonly value: "dropdown";
readonly description: "";
readonly group: "Overlay (Vitus-Labs)";
};
readonly align: {
readonly type: "select";
readonly options: readonly ["top", "left", "bottom", "right"];
readonly value: "bottom";
readonly description: "";
readonly group: "Overlay (Vitus-Labs)";
};
readonly alignX: {
readonly type: "select";
readonly options: readonly ["left", "center", "right"];
readonly value: "left";
readonly description: "";
readonly group: "Overlay (Vitus-Labs)";
};
readonly alignY: {
readonly type: "select";
readonly options: readonly ["top", "center", "bottom"];
readonly value: "bottom";
readonly description: "";
readonly group: "Overlay (Vitus-Labs)";
};
readonly position: {
readonly type: "select";
readonly options: readonly ["fixed", "absolute", "relative", "static"];
readonly value: "fixed";
readonly description: "";
readonly group: "Overlay (Vitus-Labs)";
};
readonly offsetX: {
readonly type: "number";
readonly value: 0;
readonly description: "";
readonly group: "Overlay (Vitus-Labs)";
};
readonly offsetY: {
readonly type: "number";
readonly value: 0;
readonly description: "";
readonly group: "Overlay (Vitus-Labs)";
};
readonly throttleDelay: {
readonly type: "number";
readonly value: 200;
readonly description: "";
readonly group: "Overlay (Vitus-Labs)";
};
readonly children: {
readonly description: "A content to be rendered when Overlay is open";
};
};
export default _default;
//# sourceMappingURL=overlay.d.ts.map