@intility/bifrost-react
Version:
React library for Intility's design system, Bifrost.
18 lines (17 loc) • 818 B
TypeScript
import type { PropsFor } from "../../types.js";
export type ContainerBreakpointProps = PropsFor<"div", {
/** Will only be displayed when closest `<Container>` is wider than `from` */
from?: "xs" | "small" | "medium" | "large" | "xl" | "xxl";
/** Will only be displayed when closest `<Container>` is narrower than `to` */
to?: "xs" | "small" | "medium" | "large" | "xl" | "xxl";
}>;
/** Element that will only be visible if closest `<Container>` is wider than
* `from` and/or narrower than `to`.
* `xs` = 300px,
* `small` = 600px,
* `medium` = 960px,
* `large` = 1280px,
* `xl` = 1600px,
* `xxl` = 1920px */
declare const ContainerBreakpoint: import("react").ForwardRefExoticComponent<ContainerBreakpointProps & import("react").RefAttributes<HTMLDivElement>>;
export default ContainerBreakpoint;