yarn add @twilio-paste/media-object
import {MediaObject, MediaFigure, MediaBody} from '@twilio-paste/core/media-object';
const Component = (props) => (
<MediaObject verticalAlign="center">
<MediaFigure spacing="space40">...</MediaFigure>
<MediaBody>...</MediaBody>
</MediaObject>
);
as
- Type
any
element
Overrides the default element name to apply unique styles with the Customization Provider
- Type
any- Default
'MEDIA_OBJECT'
marginBottom
- Type
any
marginTop
- Type
any
verticalAlign
Aligns the figure and body
- Type
"center" | "top"
Inherited props
Paste components will often extend native HTML elements and as a result will inherit or extend their available properties. Below is a list of the props this component has inherited and are also available to use.
align
- Type
"start" | "end"
as
- Type
any
element
Overrides the default element name to apply unique styles with the Customization Provider
- Type
any- Default
'MEDIA_FIGURE'
spacing
Space between the figure and body
- Type
any
Inherited props
Paste components will often extend native HTML elements and as a result will inherit or extend their available properties. Below is a list of the props this component has inherited and are also available to use.
as
- Type
any
element
Overrides the default element name to apply unique styles with the Customization Provider
- Type
any- Default
'MEDIA_BODY'
Inherited props
Paste components will often extend native HTML elements and as a result will inherit or extend their available properties. Below is a list of the props this component has inherited and are also available to use.