UNPKG

@mui/material

Version:

Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.

51 lines (50 loc) 1.66 kB
import * as React from 'react'; import { SxProps } from '@mui/system'; import { Theme } from "../index.js"; import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js"; import { CardMediaClasses } from "./cardMediaClasses.js"; export interface CardMediaOwnProps { /** * The content of the component. */ children?: React.ReactNode; /** * Override or extend the styles applied to the component. */ classes?: Partial<CardMediaClasses>; /** * Image to be displayed as a background image. * Either `image` or `src` prop must be specified. * Note that caller must specify height otherwise the image will not be visible. */ image?: string; /** * An alias for `image` property. * Available only with media components. * Media components: `video`, `audio`, `picture`, `iframe`, `img`. */ src?: string; /** * The system prop that allows defining system overrides as well as additional CSS styles. */ sx?: SxProps<Theme>; } export interface CardMediaTypeMap<AdditionalProps, RootComponent extends React.ElementType> { props: AdditionalProps & CardMediaOwnProps; defaultComponent: RootComponent; } /** * * Demos: * * - [Card](https://mui.com/material-ui/react-card/) * * API: * * - [CardMedia API](https://mui.com/material-ui/api/card-media/) */ declare const CardMedia: OverridableComponent<CardMediaTypeMap<{}, 'div'>>; export type CardMediaProps<RootComponent extends React.ElementType = 'div', AdditionalProps = {}> = OverrideProps<CardMediaTypeMap<AdditionalProps, RootComponent>, RootComponent> & { component?: React.ElementType; }; export default CardMedia;