@intility/bifrost-react
Version:
React library for Intility's design system, Bifrost.
49 lines (48 loc) • 1.55 kB
TypeScript
export type * from "./Inline.js";
export type * from "./Inline.Separator.js";
export type * from "./Inline.Stretch.js";
/**
* Wrapper to position multiple elements on the same line
*
* @see https://bifrost.intility.com/react/inline
*
* @example
* // place two elements next to eachother with the default `12px` gap
* <Inline>
* <div />
* <div />
* </Inline>
*
* @example
* // push the second div to the right by using a separator before it
* <Inline>
* <div />
* <Inline.Separator />
* <div />
* </Inline>
*
* @example
* // stretch the first div to fill available space
* <Inline>
* <Inline.Stretch>
* <div />
* </Inline.Stretch>
* <div />
* </Inline>
*/
declare const _default: import("react").ForwardRefExoticComponent<import("./Inline.js").InlineProps & import("react").RefAttributes<HTMLDivElement>> & {
/**
* The <Inline.Separator /> component will push elements away from it.
*
* @see https://bifrost.intility.com/react/inline#inlineseparator
*/
Separator: import("react").ForwardRefExoticComponent<import("./Inline.Separator.js").InlineSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
/**
* Wrapping an element in <Inline.Stretch> will stretch it to fill available
* space.
*
* @see https://bifrost.intility.com/react/inline#inlinestretch
*/
Stretch: import("react").ForwardRefExoticComponent<import("./Inline.Stretch.js").InlineStretchProps & import("react").RefAttributes<HTMLDivElement>>;
};
export default _default;