@airplane/views
Version:
A React library for building Airplane views. Views components are optimized in style and functionality to produce internal apps that are easy to build and maintain.
34 lines (33 loc) • 1.15 kB
TypeScript
import { MantineSize } from "@mantine/core";
import React from "react";
import { CommonLayoutProps } from "../../components/layout/layout.types";
import { CommonStylingProps } from "../../components/styling.types";
export type Props = {
/** Image source URL. */
src: string;
/**
* Image width.
* @default 100%
*/
imageWidth?: string | number;
/**
* Image height.
* @default original image height
*/
imageHeight?: string | number;
/** Alternate text for an image for accessibility purposes. */
alt?: string;
/** Radius of the image. */
radius?: MantineSize;
/** Caption underneath the image. */
caption?: React.ReactNode;
/**
* The image object-fit property. Useful if you manually set the image width/height.
*
* cover: The image will completely fill the container, potentially becoming cropped if it is too large.
* contain: The image will never be cropped. If the container is smaller than the image, it will not fill the container.
*
* @default cover
*/
fit?: "contain" | "cover";
} & CommonLayoutProps & CommonStylingProps;