@retailmenot/anchor
Version:
A React UI Library by RetailMeNot
30 lines (29 loc) • 1.44 kB
TypeScript
import * as React from 'react';
export declare const DEFAULT_LAYOUT_WIDTH = "100%";
export declare const DEFAULT_CONTENT_WIDTH = "71.25rem";
export declare const DEFAULT_SIDEBAR_WIDTH = "13.75rem";
export declare const TRANSPARENT = "transparent";
export declare const RIGHT = "right";
export declare const LEFT = "left";
declare type SidebarAlignment = 'left' | 'right';
interface SidebarLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
/** The width of the layout, edge to edge. */
layoutWidth?: string;
/** The width of the content within the layout. */
contentWidth?: string;
/** The width of the area for the sidebar. */
sidebarWidth?: string;
/** If the sidebar is on the left or the right of the layout */
sidebarAlign?: SidebarAlignment;
/** The actual sidebar. This can be a component. */
sidebar?: any;
/** The background color of the layout. Default is transparent. */
layoutBackgroundColor?: string;
/** The background color of the content within the layout area. Default is transparent. */
contentBackgroundColor?: string;
/** Additional classname. */
className?: string;
children?: any;
}
export declare const SidebarLayout: ({ layoutWidth, layoutBackgroundColor, contentWidth, contentBackgroundColor, sidebar, sidebarAlign, sidebarWidth, children, className, ...props }: SidebarLayoutProps) => React.ReactElement<SidebarLayoutProps>;
export {};