FeedObjectMediaPreview

Interfaces

FeedObjectMediaPreviewProps

Extends

• BoxProps

Properties

Property	Type	Description	Inherited from
alignContent	ResponsiveStyleValue<string[] | AlignContent> | (theme) => ResponsiveStyleValue<string[] | AlignContent>	-	BoxProps.alignContent
alignItems	ResponsiveStyleValue<string[] | AlignItems> | (theme) => ResponsiveStyleValue<string[] | AlignItems>	-	BoxProps.alignItems
alignSelf	ResponsiveStyleValue<string[] | AlignSelf> | (theme) => ResponsiveStyleValue<string[] | AlignSelf>	-	BoxProps.alignSelf
bgcolor	ResponsiveStyleValue<string[] | BackgroundColor> | (theme) => ResponsiveStyleValue<string[] | BackgroundColor>	-	BoxProps.bgcolor
border	ResponsiveStyleValue<number | "none" | "hidden" | string & object | "inset" | "medium" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid" | "thick" | "thin"> | (theme) => ResponsiveStyleValue<number | "none" | "hidden" | string & object | "inset" | "medium" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid" | "thick" | "thin">	-	BoxProps.border
borderBottom	ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]> | (theme) => ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]>	-	BoxProps.borderBottom
borderColor	ResponsiveStyleValue<string[] | BorderColor> | (theme) => ResponsiveStyleValue<string[] | BorderColor>	-	BoxProps.borderColor
borderLeft	ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]> | (theme) => ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]>	-	BoxProps.borderLeft
borderRadius	ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]> | (theme) => ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]>	-	BoxProps.borderRadius
borderRight	ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]> | (theme) => ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]>	-	BoxProps.borderRight
borderTop	ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]> | (theme) => ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]>	-	BoxProps.borderTop
bottom	ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]> | (theme) => ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]>	-	BoxProps.bottom
boxShadow	ResponsiveStyleValue<number | BoxShadow> | (theme) => ResponsiveStyleValue<number | BoxShadow>	-	BoxProps.boxShadow
boxSizing	ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]> | (theme) => ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]>	-	BoxProps.boxSizing
color	ResponsiveStyleValue<string[] | Color> | (theme) => ResponsiveStyleValue<string[] | Color>	-	BoxProps.color
columnGap	ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]> | (theme) => ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]>	-	BoxProps.columnGap
display	ResponsiveStyleValue<string[] | Display> | (theme) => ResponsiveStyleValue<string[] | Display>	-	BoxProps.display
displayPrint	ResponsiveStyleValue<string[] | Display> | (theme) => ResponsiveStyleValue<string[] | Display>	-	BoxProps.displayPrint
flex	ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]> | (theme) => ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]>	-	BoxProps.flex
flexBasis	ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]> | (theme) => ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]>	-	BoxProps.flexBasis
flexDirection	ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]> | (theme) => ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]>	-	BoxProps.flexDirection
flexGrow	ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]> | (theme) => ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]>	-	BoxProps.flexGrow
flexShrink	ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]> | (theme) => ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]>	-	BoxProps.flexShrink
flexWrap	ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]> | (theme) => ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]>	-	BoxProps.flexWrap
fontFamily	ResponsiveStyleValue<string[] | FontFamily> | (theme) => ResponsiveStyleValue<string[] | FontFamily>	-	BoxProps.fontFamily
fontSize	ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]> | (theme) => ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]>	-	BoxProps.fontSize
fontStyle	ResponsiveStyleValue<string[] | FontStyle> | (theme) => ResponsiveStyleValue<string[] | FontStyle>	-	BoxProps.fontStyle
fontWeight	ResponsiveStyleValue<string | string & object | number & object> | (theme) => ResponsiveStyleValue<string | string & object | number & object>	-	BoxProps.fontWeight
gap	ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]> | (theme) => ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]>	-	BoxProps.gap
gridArea	ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]> | (theme) => ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]>	-	BoxProps.gridArea
gridAutoColumns	ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]> | (theme) => ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]>	-	BoxProps.gridAutoColumns
gridAutoFlow	ResponsiveStyleValue<string[] | GridAutoFlow> | (theme) => ResponsiveStyleValue<string[] | GridAutoFlow>	-	BoxProps.gridAutoFlow
gridAutoRows	ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]> | (theme) => ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]>	-	BoxProps.gridAutoRows
gridColumn	ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]> | (theme) => ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]>	-	BoxProps.gridColumn
gridRow	ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]> | (theme) => ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]>	-	BoxProps.gridRow
gridTemplateAreas	ResponsiveStyleValue<string[] | GridTemplateAreas> | (theme) => ResponsiveStyleValue<string[] | GridTemplateAreas>	-	BoxProps.gridTemplateAreas
gridTemplateColumns	ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]> | (theme) => ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]>	-	BoxProps.gridTemplateColumns
gridTemplateRows	ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]> | (theme) => ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]>	-	BoxProps.gridTemplateRows
height	ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]> | (theme) => ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]>	-	BoxProps.height
justifyContent	ResponsiveStyleValue<string[] | JustifyContent> | (theme) => ResponsiveStyleValue<string[] | JustifyContent>	-	BoxProps.justifyContent
justifyItems	ResponsiveStyleValue<string[] | JustifyItems> | (theme) => ResponsiveStyleValue<string[] | JustifyItems>	-	BoxProps.justifyItems
justifySelf	ResponsiveStyleValue<string[] | JustifySelf> | (theme) => ResponsiveStyleValue<string[] | JustifySelf>	-	BoxProps.justifySelf
left	ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]> | (theme) => ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]>	-	BoxProps.left
letterSpacing	ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]> | (theme) => ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]>	-	BoxProps.letterSpacing
lineHeight	ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]> | (theme) => ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]>	-	BoxProps.lineHeight
m	ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | (theme) => ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]>	-	BoxProps.m
margin	ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | (theme) => ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]>	-	BoxProps.margin
marginBlock	ResponsiveStyleValue<MarginBlock<string | number> | NonNullable<MarginBlock<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginBlock<string | number> | NonNullable<MarginBlock<string | number>>[]>	-	BoxProps.marginBlock
marginBlockEnd	ResponsiveStyleValue<MarginBlockEnd<string | number> | NonNullable<MarginBlockEnd<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginBlockEnd<string | number> | NonNullable<MarginBlockEnd<string | number>>[]>	-	BoxProps.marginBlockEnd
marginBlockStart	ResponsiveStyleValue<MarginBlockStart<string | number> | NonNullable<MarginBlockStart<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginBlockStart<string | number> | NonNullable<MarginBlockStart<string | number>>[]>	-	BoxProps.marginBlockStart
marginBottom	ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]>	-	BoxProps.marginBottom
marginInline	ResponsiveStyleValue<MarginInline<string | number> | NonNullable<MarginInline<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginInline<string | number> | NonNullable<MarginInline<string | number>>[]>	-	BoxProps.marginInline
marginInlineEnd	ResponsiveStyleValue<MarginInlineEnd<string | number> | NonNullable<MarginInlineEnd<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginInlineEnd<string | number> | NonNullable<MarginInlineEnd<string | number>>[]>	-	BoxProps.marginInlineEnd
marginInlineStart	ResponsiveStyleValue<MarginInlineStart<string | number> | NonNullable<MarginInlineStart<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginInlineStart<string | number> | NonNullable<MarginInlineStart<string | number>>[]>	-	BoxProps.marginInlineStart
marginLeft	ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]>	-	BoxProps.marginLeft
marginRight	ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]>	-	BoxProps.marginRight
marginTop	ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]>	-	BoxProps.marginTop
marginX	ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]>	-	BoxProps.marginX
marginY	ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]>	-	BoxProps.marginY
maxHeight	ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]> | (theme) => ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]>	-	BoxProps.maxHeight
maxWidth	ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]> | (theme) => ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]>	-	BoxProps.maxWidth
mb	ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]>	-	BoxProps.mb
mediaObjectTypes?	SCMediaObjectType[]	Media types Default 'image', 'document', 'link', 'share', 'Event'	-
medias	SCMediaType[]	Medias preview array	-
minHeight	ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]> | (theme) => ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]>	-	BoxProps.minHeight
minWidth	ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]> | (theme) => ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]>	-	BoxProps.minWidth
ml	ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]>	-	BoxProps.ml
mr	ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]>	-	BoxProps.mr
mt	ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]>	-	BoxProps.mt
mx	ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]>	-	BoxProps.mx
my	ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]>	-	BoxProps.my
order	ResponsiveStyleValue<Order | NonNullable<Order>[]> | (theme) => ResponsiveStyleValue<Order | NonNullable<Order>[]>	-	BoxProps.order
overflow	ResponsiveStyleValue<string[] | Overflow> | (theme) => ResponsiveStyleValue<string[] | Overflow>	-	BoxProps.overflow
p	ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | (theme) => ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]>	-	BoxProps.p
padding	ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | (theme) => ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]>	-	BoxProps.padding
paddingBlock	ResponsiveStyleValue<PaddingBlock<string | number> | NonNullable<PaddingBlock<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingBlock<string | number> | NonNullable<PaddingBlock<string | number>>[]>	-	BoxProps.paddingBlock
paddingBlockEnd	ResponsiveStyleValue<PaddingBlockEnd<string | number> | NonNullable<PaddingBlockEnd<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingBlockEnd<string | number> | NonNullable<PaddingBlockEnd<string | number>>[]>	-	BoxProps.paddingBlockEnd
paddingBlockStart	ResponsiveStyleValue<PaddingBlockStart<string | number> | NonNullable<PaddingBlockStart<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingBlockStart<string | number> | NonNullable<PaddingBlockStart<string | number>>[]>	-	BoxProps.paddingBlockStart
paddingBottom	ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]>	-	BoxProps.paddingBottom
paddingInline	ResponsiveStyleValue<PaddingInline<string | number> | NonNullable<PaddingInline<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingInline<string | number> | NonNullable<PaddingInline<string | number>>[]>	-	BoxProps.paddingInline
paddingInlineEnd	ResponsiveStyleValue<PaddingInlineEnd<string | number> | NonNullable<PaddingInlineEnd<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingInlineEnd<string | number> | NonNullable<PaddingInlineEnd<string | number>>[]>	-	BoxProps.paddingInlineEnd
paddingInlineStart	ResponsiveStyleValue<PaddingInlineStart<string | number> | NonNullable<PaddingInlineStart<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingInlineStart<string | number> | NonNullable<PaddingInlineStart<string | number>>[]>	-	BoxProps.paddingInlineStart
paddingLeft	ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]>	-	BoxProps.paddingLeft
paddingRight	ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]>	-	BoxProps.paddingRight
paddingTop	ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]>	-	BoxProps.paddingTop
paddingX	ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]>	-	BoxProps.paddingX
paddingY	ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]>	-	BoxProps.paddingY
pb	ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]>	-	BoxProps.pb
pl	ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]>	-	BoxProps.pl
position	ResponsiveStyleValue<Position | NonNullable<Position>[]> | (theme) => ResponsiveStyleValue<Position | NonNullable<Position>[]>	-	BoxProps.position
pr	ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]>	-	BoxProps.pr
pt	ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]>	-	BoxProps.pt
px	ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]>	-	BoxProps.px
py	ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]>	-	BoxProps.py
right	ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]> | (theme) => ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]>	-	BoxProps.right
rowGap	ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]> | (theme) => ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]>	-	BoxProps.rowGap
textAlign	ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]> | (theme) => ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]>	-	BoxProps.textAlign
textOverflow	ResponsiveStyleValue<string[] | TextOverflow> | (theme) => ResponsiveStyleValue<string[] | TextOverflow>	-	BoxProps.textOverflow
textTransform	ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]> | (theme) => ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]>	-	BoxProps.textTransform
top	ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]> | (theme) => ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]>	-	BoxProps.top
typography	ResponsiveStyleValue<string> | (theme) => ResponsiveStyleValue<string>	-	BoxProps.typography
visibility	ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]> | (theme) => ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]>	-	BoxProps.visibility
whiteSpace	ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]> | (theme) => ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]>	-	BoxProps.whiteSpace
width	ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]> | (theme) => ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]>	-	BoxProps.width
zIndex	ResponsiveStyleValue<string | string & object | number & object> | (theme) => ResponsiveStyleValue<string | string & object | number & object>	-	BoxProps.zIndex

Functions

feedObjectMediaPreview()

feedObjectMediaPreview(inProps): Element

API documentation for the Community-JS FeedObjectMediaPreview component. Learn about the available props and the CSS API.

The FeedObjectMediaPreview component render the list of medias in a feed object thanks to given configurations.

Import

import {FeedObjectMediaPreview} from '@selfcommunity/react-ui';

Component Name

The name SCFeedObjectMediaPreview can be used when providing style overrides in the theme.

CSS

Rule Name	Global class	Description
root	.SCFeedObjectMediaPreview-root	Styles applied to the root element.

Parameters

Parameter	Type	Description
inProps	FeedObjectMediaPreviewProps

Returns

Element

Source

packages/react-ui/src/components/FeedObjectMediaPreview/FeedObjectMediaPreview.tsx:57