Skip to main content

UserSocialAssociation

Interfaces

UserSocialAssociationProps

Extends

  • StackProps

Properties

PropertyTypeDescriptionOverridesInherited from
alignContent?ResponsiveStyleValue<string[] | AlignContent> | (theme) => ResponsiveStyleValue<string[] | AlignContent>--StackProps.alignContent
alignItems?ResponsiveStyleValue<string[] | AlignItems> | (theme) => ResponsiveStyleValue<string[] | AlignItems>--StackProps.alignItems
alignSelf?ResponsiveStyleValue<string[] | AlignSelf> | (theme) => ResponsiveStyleValue<string[] | AlignSelf>--StackProps.alignSelf
bgcolor?ResponsiveStyleValue<string[] | BackgroundColor> | (theme) => ResponsiveStyleValue<string[] | BackgroundColor>--StackProps.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">--StackProps.border
borderBottom?ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]> | (theme) => ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]>--StackProps.borderBottom
borderColor?ResponsiveStyleValue<string[] | BorderColor> | (theme) => ResponsiveStyleValue<string[] | BorderColor>--StackProps.borderColor
borderLeft?ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]> | (theme) => ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]>--StackProps.borderLeft
borderRadius?ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]> | (theme) => ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]>--StackProps.borderRadius
borderRight?ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]> | (theme) => ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]>--StackProps.borderRight
borderTop?ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]> | (theme) => ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]>--StackProps.borderTop
bottom?ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]> | (theme) => ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]>--StackProps.bottom
boxShadow?ResponsiveStyleValue<number | BoxShadow> | (theme) => ResponsiveStyleValue<number | BoxShadow>--StackProps.boxShadow
boxSizing?ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]> | (theme) => ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]>--StackProps.boxSizing
children?ReactNodechildren Default nullStackProps.children-
color?ResponsiveStyleValue<string[] | Color> | (theme) => ResponsiveStyleValue<string[] | Color>--StackProps.color
columnGap?ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]> | (theme) => ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]>--StackProps.columnGap
deletingProvider?SCUserProviderAssociationTypeIf present, providers list must be updated--
display?ResponsiveStyleValue<string[] | Display> | (theme) => ResponsiveStyleValue<string[] | Display>--StackProps.display
displayPrint?ResponsiveStyleValue<string[] | Display> | (theme) => ResponsiveStyleValue<string[] | Display>--StackProps.displayPrint
flex?ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]> | (theme) => ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]>--StackProps.flex
flexBasis?ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]> | (theme) => ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]>--StackProps.flexBasis
flexDirection?ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]> | (theme) => ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]>--StackProps.flexDirection
flexGrow?ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]> | (theme) => ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]>--StackProps.flexGrow
flexShrink?ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]> | (theme) => ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]>--StackProps.flexShrink
flexWrap?ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]> | (theme) => ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]>--StackProps.flexWrap
fontFamily?ResponsiveStyleValue<string[] | FontFamily> | (theme) => ResponsiveStyleValue<string[] | FontFamily>--StackProps.fontFamily
fontSize?ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]> | (theme) => ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]>--StackProps.fontSize
fontStyle?ResponsiveStyleValue<string[] | FontStyle> | (theme) => ResponsiveStyleValue<string[] | FontStyle>--StackProps.fontStyle
fontWeight?ResponsiveStyleValue<string | string & object | number & object> | (theme) => ResponsiveStyleValue<string | string & object | number & object>--StackProps.fontWeight
gap?ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]> | (theme) => ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]>--StackProps.gap
gridArea?ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]> | (theme) => ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]>--StackProps.gridArea
gridAutoColumns?ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]> | (theme) => ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]>--StackProps.gridAutoColumns
gridAutoFlow?ResponsiveStyleValue<string[] | GridAutoFlow> | (theme) => ResponsiveStyleValue<string[] | GridAutoFlow>--StackProps.gridAutoFlow
gridAutoRows?ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]> | (theme) => ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]>--StackProps.gridAutoRows
gridColumn?ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]> | (theme) => ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]>--StackProps.gridColumn
gridRow?ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]> | (theme) => ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]>--StackProps.gridRow
gridTemplateAreas?ResponsiveStyleValue<string[] | GridTemplateAreas> | (theme) => ResponsiveStyleValue<string[] | GridTemplateAreas>--StackProps.gridTemplateAreas
gridTemplateColumns?ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]> | (theme) => ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]>--StackProps.gridTemplateColumns
gridTemplateRows?ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]> | (theme) => ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]>--StackProps.gridTemplateRows
height?ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]> | (theme) => ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]>--StackProps.height
isEditView?booleanIf true, renders in a different way Default false--
justifyContent?ResponsiveStyleValue<string[] | JustifyContent> | (theme) => ResponsiveStyleValue<string[] | JustifyContent>--StackProps.justifyContent
justifyItems?ResponsiveStyleValue<string[] | JustifyItems> | (theme) => ResponsiveStyleValue<string[] | JustifyItems>--StackProps.justifyItems
justifySelf?ResponsiveStyleValue<string[] | JustifySelf> | (theme) => ResponsiveStyleValue<string[] | JustifySelf>--StackProps.justifySelf
left?ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]> | (theme) => ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]>--StackProps.left
letterSpacing?ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]> | (theme) => ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]>--StackProps.letterSpacing
lineHeight?ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]> | (theme) => ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]>--StackProps.lineHeight
m?ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | (theme) => ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]>--StackProps.m
margin?ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | (theme) => ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]>--StackProps.margin
marginBlock?ResponsiveStyleValue<MarginBlock<string | number> | NonNullable<MarginBlock<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginBlock<string | number> | NonNullable<MarginBlock<string | number>>[]>--StackProps.marginBlock
marginBlockEnd?ResponsiveStyleValue<MarginBlockEnd<string | number> | NonNullable<MarginBlockEnd<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginBlockEnd<string | number> | NonNullable<MarginBlockEnd<string | number>>[]>--StackProps.marginBlockEnd
marginBlockStart?ResponsiveStyleValue<MarginBlockStart<string | number> | NonNullable<MarginBlockStart<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginBlockStart<string | number> | NonNullable<MarginBlockStart<string | number>>[]>--StackProps.marginBlockStart
marginBottom?ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]>--StackProps.marginBottom
marginInline?ResponsiveStyleValue<MarginInline<string | number> | NonNullable<MarginInline<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginInline<string | number> | NonNullable<MarginInline<string | number>>[]>--StackProps.marginInline
marginInlineEnd?ResponsiveStyleValue<MarginInlineEnd<string | number> | NonNullable<MarginInlineEnd<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginInlineEnd<string | number> | NonNullable<MarginInlineEnd<string | number>>[]>--StackProps.marginInlineEnd
marginInlineStart?ResponsiveStyleValue<MarginInlineStart<string | number> | NonNullable<MarginInlineStart<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginInlineStart<string | number> | NonNullable<MarginInlineStart<string | number>>[]>--StackProps.marginInlineStart
marginLeft?ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]>--StackProps.marginLeft
marginRight?ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]>--StackProps.marginRight
marginTop?ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]>--StackProps.marginTop
marginX?ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]>--StackProps.marginX
marginY?ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]>--StackProps.marginY
maxHeight?ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]> | (theme) => ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]>--StackProps.maxHeight
maxWidth?ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]> | (theme) => ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]>--StackProps.maxWidth
mb?ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]>--StackProps.mb
minHeight?ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]> | (theme) => ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]>--StackProps.minHeight
minWidth?ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]> | (theme) => ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]>--StackProps.minWidth
ml?ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]>--StackProps.ml
mr?ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]>--StackProps.mr
mt?ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]>--StackProps.mt
mx?ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]>--StackProps.mx
my?ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | (theme) => ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]>--StackProps.my
onCreateAssociation?(provider) => anyHandler for creating a new provider association Default null--
onDeleteAssociation?(provider) => anyHandler for deleting an existing association Default null--
order?ResponsiveStyleValue<Order | NonNullable<Order>[]> | (theme) => ResponsiveStyleValue<Order | NonNullable<Order>[]>--StackProps.order
overflow?ResponsiveStyleValue<string[] | Overflow> | (theme) => ResponsiveStyleValue<string[] | Overflow>--StackProps.overflow
p?ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | (theme) => ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]>--StackProps.p
padding?ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | (theme) => ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]>--StackProps.padding
paddingBlock?ResponsiveStyleValue<PaddingBlock<string | number> | NonNullable<PaddingBlock<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingBlock<string | number> | NonNullable<PaddingBlock<string | number>>[]>--StackProps.paddingBlock
paddingBlockEnd?ResponsiveStyleValue<PaddingBlockEnd<string | number> | NonNullable<PaddingBlockEnd<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingBlockEnd<string | number> | NonNullable<PaddingBlockEnd<string | number>>[]>--StackProps.paddingBlockEnd
paddingBlockStart?ResponsiveStyleValue<PaddingBlockStart<string | number> | NonNullable<PaddingBlockStart<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingBlockStart<string | number> | NonNullable<PaddingBlockStart<string | number>>[]>--StackProps.paddingBlockStart
paddingBottom?ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]>--StackProps.paddingBottom
paddingInline?ResponsiveStyleValue<PaddingInline<string | number> | NonNullable<PaddingInline<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingInline<string | number> | NonNullable<PaddingInline<string | number>>[]>--StackProps.paddingInline
paddingInlineEnd?ResponsiveStyleValue<PaddingInlineEnd<string | number> | NonNullable<PaddingInlineEnd<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingInlineEnd<string | number> | NonNullable<PaddingInlineEnd<string | number>>[]>--StackProps.paddingInlineEnd
paddingInlineStart?ResponsiveStyleValue<PaddingInlineStart<string | number> | NonNullable<PaddingInlineStart<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingInlineStart<string | number> | NonNullable<PaddingInlineStart<string | number>>[]>--StackProps.paddingInlineStart
paddingLeft?ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]>--StackProps.paddingLeft
paddingRight?ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]>--StackProps.paddingRight
paddingTop?ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]>--StackProps.paddingTop
paddingX?ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]>--StackProps.paddingX
paddingY?ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]>--StackProps.paddingY
pb?ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]>--StackProps.pb
pl?ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]>--StackProps.pl
position?ResponsiveStyleValue<Position | NonNullable<Position>[]> | (theme) => ResponsiveStyleValue<Position | NonNullable<Position>[]>--StackProps.position
pr?ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]>--StackProps.pr
providers?SCUserProviderAssociationType[]Providers association related to the given user Default null--
pt?ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]>--StackProps.pt
px?ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]>--StackProps.px
py?ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | (theme) => ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]>--StackProps.py
right?ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]> | (theme) => ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]>--StackProps.right
rowGap?ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]> | (theme) => ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]>--StackProps.rowGap
textAlign?ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]> | (theme) => ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]>--StackProps.textAlign
textOverflow?ResponsiveStyleValue<string[] | TextOverflow> | (theme) => ResponsiveStyleValue<string[] | TextOverflow>--StackProps.textOverflow
textTransform?ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]> | (theme) => ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]>--StackProps.textTransform
top?ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]> | (theme) => ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]>--StackProps.top
typography?ResponsiveStyleValue<string> | (theme) => ResponsiveStyleValue<string>--StackProps.typography
user?SCUserTypeUser Object Default null--
userId?numberId of user object Default null--
visibility?ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]> | (theme) => ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]>--StackProps.visibility
whiteSpace?ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]> | (theme) => ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]>--StackProps.whiteSpace
width?ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]> | (theme) => ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]>--StackProps.width
zIndex?ResponsiveStyleValue<string | string & object | number & object> | (theme) => ResponsiveStyleValue<string | string & object | number & object>--StackProps.zIndex

Functions

UserSocialAssociation()

UserSocialAssociation(inProps): Element

API documentation for the Community-JS User Social Association component. Learn about the available props and the CSS API.

Import

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

Component Name

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

CSS

Rule NameGlobal classDescription
root.SCUserSocialAssociation-rootStyles applied to the root element.
field.SCUserSocialAssociation-fieldStyles applied to the field element.

Parameters

ParameterTypeDescription
inPropsUserSocialAssociationProps

Returns

Element