@tolokoban/ui
Version:
React components with theme
52 lines • 1.96 kB
TypeScript
import * as React from "react";
export type OverflowValues =
/**
* Content is not clipped and may be rendered outside the padding box.
*/
"visible"
/**
* Content is clipped if necessary to fit the padding box.
* No scrollbars are provided, and no support for allowing
* the user to scroll (such as by dragging or using a scroll
* wheel) is allowed. The content can be scrolled
* programmatically (for example, by setting the value of a
* property such as scrollLeft or the scrollTo() method),
* so the element is still a scroll container.
*/
| "hidden"
/**
* Similar to hidden, the content is clipped to the element's
* padding box. The difference between clip and hidden is that
* the clip keyword also forbids all scrolling, including
* programmatic scrolling. The box is not a scroll container,
* and does not start a new formatting context.
*
* If you wish to start a new formatting context,
* you can use display: flow-root to do so.
*/
| "clip"
/**
* Content is clipped if necessary to fit the padding box.
* Browsers always display scrollbars whether or not any
* content is actually clipped, preventing scrollbars from
* appearing or disappearing as content changes.
* Printers may still print overflowing content.
*/
| "scroll"
/**
* Depends on the user agent. If content fits inside the
* padding box, it looks the same as visible,
* but still establishes a new block formatting context.
* Desktop browsers provide scrollbars if content overflows.
*/
| "auto";
export interface OverflowStyleProps {
/** CSS `overlow` property. */
overflow?: OverflowValues | [overflowX: OverflowValues, overflowY: OverflowValues];
/** CSS `overlow-x` property. */
overflowX?: OverflowValues;
/** CSS `overlow-y` property. */
overflowY?: OverflowValues;
}
export declare function styleOverflow({ overflow, overflowX, overflowY, }: OverflowStyleProps): React.CSSProperties;
//# sourceMappingURL=overflow.d.ts.map