@fidely-ui/react
Version:
Fidely UI is a modern, beautifully crafted React design system powered by Ark UI and Panda CSS, delivering accessible and themeable components for building exceptional web apps
23 lines (22 loc) • 1.02 kB
TypeScript
import { type ComponentProps, SystemStyleObject } from '@fidely-ui/styled-system/types';
declare const StyledImg: import("@fidely-ui/styled-system/types").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & import("@ark-ui/react").PolymorphicProps>, {}>;
interface ImageOptions {
/**
* How the image should fit within its bounds.
* Maps to CSS `object-fit`.
*/
fit?: SystemStyleObject['objectFit'] | undefined;
/**
* How to align the image within its bounds.
* Maps to CSS `object-position`.
*/
align?: SystemStyleObject['objectPosition'] | undefined;
}
export interface ImageProps extends ComponentProps<typeof StyledImg>, ImageOptions {
}
/**
* Fidely UI Image component
* Supports `fit` and `align`
*/
export declare const Image: import("react").ForwardRefExoticComponent<Omit<ImageProps, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
export {};