@intility/bifrost-react
Version:
React library for Intility's design system, Bifrost.
54 lines (53 loc) • 1.67 kB
TypeScript
export type * from "./Icon.js";
export type * from "./Icon.Spinner.js";
export type * from "./Icon.Step.js";
/**
* Font awesome icon wrapper
*
* @see https://bifrost.intility.com/react/icon
*
* @example
* import { faCoffee } from "@fortawesome/pro-regular-svg-icons/faCoffee";
*
* <Icon icon={faCoffee} />;
*/
declare const _default: import("react").ForwardRefExoticComponent<Omit<import("./Icon.js").IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>> & {
/**
* Theme-colored spinner icon with customizable `size`. For more control use `<Icon />` instead.
*
* @example
* <Icon.Spinner />
* // is equivalent to
* <Icon icon={faSpinnerThird} className="bf-icon-spinner bfc-theme" />
*
* @example
* <Icon.Spinner size={64} />
* // is equivalent to
* <Icon
* icon={faSpinnerThird}
* className="bf-icon-spinner bfc-theme"
* style={{ fontSize: 64 }}
* />
*/
Spinner: import("react").ForwardRefExoticComponent<import("./Icon.Spinner.js").IconSpinnerProps & import("react").RefAttributes<SVGSVGElement>>;
/**
* Step icon, used in menus for step-by step wizards.
*
* @example
* <Icon.Step variant="default" />
*
* @example
* // inside a menu item
* <a href="/step1">
* <Menu.Item>
* <Icon.Step variant="completed" marginRight />
* Step 1
* </Menu.Item>
* </a>
*/
Step: {
({ variant, marginRight, marginLeft, className, }: import("./Icon.Step.js").StepProps): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
};
export default _default;