@eccenca/gui-elements/dist/types/components/Separation/Spacing.d.ts

GUI elements based on other libraries, usable in React application, written in Typescript.

import React from "react";
export interface SpacingProps extends React.HTMLAttributes<HTMLDivElement> {
    /**
     * Set the amount of white space that separates two elements.
     */
    size?: "tiny" | "small" | "medium" | "large" | "xlarge";
    /**
     * If set then is a ruler displayed in the middle of the spacing area.
     * The direction of the ruler is used from the spacing.
     */
    hasDivider?: boolean;
    /**
     * If set then the spacing separates two elements on the horizontal axis.
     * The spacing area then is created on a vertical axis.
     */
    vertical?: boolean;
}
/**
 * Adds horizontal or vertical space between neighbouring elements.
 * It also can add a visual ruler inside.
 */
export declare const Spacing: ({ size, hasDivider, vertical, ...otherDivProps }: SpacingProps) => React.JSX.Element;
export default Spacing;