Interface: UserSocialAssociationProps

UserSocialAssociation.UserSocialAssociationProps

Hierarchy

• StackProps

  ↳ UserSocialAssociationProps

Properties

alignContent

• alignContent: ResponsiveStyleValue<string[] | AlignContent> | (theme: Theme) => ResponsiveStyleValue<string[] | AlignContent>

Inherited from

StackProps.alignContent

---

alignItems

• alignItems: ResponsiveStyleValue<string[] | AlignItems> | (theme: Theme) => ResponsiveStyleValue<string[] | AlignItems>

Inherited from

StackProps.alignItems

---

alignSelf

• alignSelf: ResponsiveStyleValue<string[] | AlignSelf> | (theme: Theme) => ResponsiveStyleValue<string[] | AlignSelf>

Inherited from

StackProps.alignSelf

---

bgcolor

• bgcolor: ResponsiveStyleValue<string[] | BackgroundColor> | (theme: Theme) => ResponsiveStyleValue<string[] | BackgroundColor>

Inherited from

StackProps.bgcolor

---

border

• border: ResponsiveStyleValue<number | "none" | "hidden" | string & | "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: Theme) => ResponsiveStyleValue<number | "none" | "hidden" | string & | "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">

Inherited from

StackProps.border

---

borderBottom

• borderBottom: ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]>

Inherited from

StackProps.borderBottom

---

borderColor

• borderColor: ResponsiveStyleValue<string[] | BorderColor> | (theme: Theme) => ResponsiveStyleValue<string[] | BorderColor>

Inherited from

StackProps.borderColor

---

borderLeft

• borderLeft: ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]>

Inherited from

StackProps.borderLeft

---

borderRadius

• borderRadius: ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]>

Inherited from

StackProps.borderRadius

---

borderRight

• borderRight: ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]>

Inherited from

StackProps.borderRight

---

borderTop

• borderTop: ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]>

Inherited from

StackProps.borderTop

---

bottom

• bottom: ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]>

Inherited from

StackProps.bottom

---

boxShadow

• boxShadow: ResponsiveStyleValue<number | BoxShadow> | (theme: Theme) => ResponsiveStyleValue<number | BoxShadow>

Inherited from

StackProps.boxShadow

---

boxSizing

• boxSizing: ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]> | (theme: Theme) => ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]>

Inherited from

StackProps.boxSizing

---

children

• Optional children: ReactNode

children

Default

null

Overrides

StackProps.children

Defined in

packages/react-ui/src/components/UserSocialAssociation/UserSocialAssociation.tsx:80

---

color

• color: ResponsiveStyleValue<string[] | Color> | (theme: Theme) => ResponsiveStyleValue<string[] | Color>

Inherited from

StackProps.color

---

columnGap

• columnGap: ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]>

Inherited from

StackProps.columnGap

---

deletingProvider

• Optional deletingProvider: SCUserProviderAssociationType

If present, providers list must be updated

Defined in

packages/react-ui/src/components/UserSocialAssociation/UserSocialAssociation.tsx:84

---

display

• display: ResponsiveStyleValue<string[] | Display> | (theme: Theme) => ResponsiveStyleValue<string[] | Display>

Inherited from

StackProps.display

---

displayPrint

• displayPrint: ResponsiveStyleValue<string[] | Display> | (theme: Theme) => ResponsiveStyleValue<string[] | Display>

Inherited from

StackProps.displayPrint

---

flex

• flex: ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]>

Inherited from

StackProps.flex

---

flexBasis

• flexBasis: ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]>

Inherited from

StackProps.flexBasis

---

flexDirection

• flexDirection: ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]> | (theme: Theme) => ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]>

Inherited from

StackProps.flexDirection

---

flexGrow

• flexGrow: ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]> | (theme: Theme) => ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]>

Inherited from

StackProps.flexGrow

---

flexShrink

• flexShrink: ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]> | (theme: Theme) => ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]>

Inherited from

StackProps.flexShrink

---

flexWrap

• flexWrap: ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]> | (theme: Theme) => ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]>

Inherited from

StackProps.flexWrap

---

fontFamily

• fontFamily: ResponsiveStyleValue<string[] | FontFamily> | (theme: Theme) => ResponsiveStyleValue<string[] | FontFamily>

Inherited from

StackProps.fontFamily

---

fontSize

• fontSize: ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]>

Inherited from

StackProps.fontSize

---

fontStyle

• fontStyle: ResponsiveStyleValue<string[] | FontStyle> | (theme: Theme) => ResponsiveStyleValue<string[] | FontStyle>

Inherited from

StackProps.fontStyle

---

fontWeight

• fontWeight: ResponsiveStyleValue<string | string & | number & > | (theme: Theme) => ResponsiveStyleValue<string | string & | number & >

Inherited from

StackProps.fontWeight

---

gap

• gap: ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]>

Inherited from

StackProps.gap

---

gridArea

• gridArea: ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]> | (theme: Theme) => ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]>

Inherited from

StackProps.gridArea

---

gridAutoColumns

• gridAutoColumns: ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]>

Inherited from

StackProps.gridAutoColumns

---

gridAutoFlow

• gridAutoFlow: ResponsiveStyleValue<string[] | GridAutoFlow> | (theme: Theme) => ResponsiveStyleValue<string[] | GridAutoFlow>

Inherited from

StackProps.gridAutoFlow

---

gridAutoRows

• gridAutoRows: ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]>

Inherited from

StackProps.gridAutoRows

---

gridColumn

• gridColumn: ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]> | (theme: Theme) => ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]>

Inherited from

StackProps.gridColumn

---

gridRow

• gridRow: ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]> | (theme: Theme) => ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]>

Inherited from

StackProps.gridRow

---

gridTemplateAreas

• gridTemplateAreas: ResponsiveStyleValue<string[] | GridTemplateAreas> | (theme: Theme) => ResponsiveStyleValue<string[] | GridTemplateAreas>

Inherited from

StackProps.gridTemplateAreas

---

gridTemplateColumns

• gridTemplateColumns: ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]>

Inherited from

StackProps.gridTemplateColumns

---

gridTemplateRows

• gridTemplateRows: ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]>

Inherited from

StackProps.gridTemplateRows

---

height

• height: ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]>

Inherited from

StackProps.height

---

isEditView

• Optional isEditView: boolean

If true, renders in a different way

Default

false

Defined in

packages/react-ui/src/components/UserSocialAssociation/UserSocialAssociation.tsx:70

---

justifyContent

• justifyContent: ResponsiveStyleValue<string[] | JustifyContent> | (theme: Theme) => ResponsiveStyleValue<string[] | JustifyContent>

Inherited from

StackProps.justifyContent

---

justifyItems

• justifyItems: ResponsiveStyleValue<string[] | JustifyItems> | (theme: Theme) => ResponsiveStyleValue<string[] | JustifyItems>

Inherited from

StackProps.justifyItems

---

justifySelf

• justifySelf: ResponsiveStyleValue<string[] | JustifySelf> | (theme: Theme) => ResponsiveStyleValue<string[] | JustifySelf>

Inherited from

StackProps.justifySelf

---

left

• left: ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]>

Inherited from

StackProps.left

---

letterSpacing

• letterSpacing: ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]>

Inherited from

StackProps.letterSpacing

---

lineHeight

• lineHeight: ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]>

Inherited from

StackProps.lineHeight

---

m

• m: ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]>

Inherited from

StackProps.m

---

margin

• margin: ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]>

Inherited from

StackProps.margin

---

marginBlock

• marginBlock: ResponsiveStyleValue<MarginBlock<string | number> | NonNullable<MarginBlock<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginBlock<string | number> | NonNullable<MarginBlock<string | number>>[]>

Inherited from

StackProps.marginBlock

---

marginBlockEnd

• marginBlockEnd: ResponsiveStyleValue<MarginBlockEnd<string | number> | NonNullable<MarginBlockEnd<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginBlockEnd<string | number> | NonNullable<MarginBlockEnd<string | number>>[]>

Inherited from

StackProps.marginBlockEnd

---

marginBlockStart

• marginBlockStart: ResponsiveStyleValue<MarginBlockStart<string | number> | NonNullable<MarginBlockStart<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginBlockStart<string | number> | NonNullable<MarginBlockStart<string | number>>[]>

Inherited from

StackProps.marginBlockStart

---

marginBottom

• marginBottom: ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]>

Inherited from

StackProps.marginBottom

---

marginInline

• marginInline: ResponsiveStyleValue<MarginInline<string | number> | NonNullable<MarginInline<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginInline<string | number> | NonNullable<MarginInline<string | number>>[]>

Inherited from

StackProps.marginInline

---

marginInlineEnd

• marginInlineEnd: ResponsiveStyleValue<MarginInlineEnd<string | number> | NonNullable<MarginInlineEnd<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginInlineEnd<string | number> | NonNullable<MarginInlineEnd<string | number>>[]>

Inherited from

StackProps.marginInlineEnd

---

marginInlineStart

• marginInlineStart: ResponsiveStyleValue<MarginInlineStart<string | number> | NonNullable<MarginInlineStart<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginInlineStart<string | number> | NonNullable<MarginInlineStart<string | number>>[]>

Inherited from

StackProps.marginInlineStart

---

marginLeft

• marginLeft: ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]>

Inherited from

StackProps.marginLeft

---

marginRight

• marginRight: ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]>

Inherited from

StackProps.marginRight

---

marginTop

• marginTop: ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]>

Inherited from

StackProps.marginTop

---

marginX

• marginX: ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]>

Inherited from

StackProps.marginX

---

marginY

• marginY: ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]>

Inherited from

StackProps.marginY

---

maxHeight

• maxHeight: ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]>

Inherited from

StackProps.maxHeight

---

maxWidth

• maxWidth: ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]>

Inherited from

StackProps.maxWidth

---

mb

• mb: ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]>

Inherited from

StackProps.mb

---

minHeight

• minHeight: ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]>

Inherited from

StackProps.minHeight

---

minWidth

• minWidth: ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]>

Inherited from

StackProps.minWidth

---

ml

• ml: ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]>

Inherited from

StackProps.ml

---

mr

• mr: ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]>

Inherited from

StackProps.mr

---

mt

• mt: ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]>

Inherited from

StackProps.mt

---

mx

• mx: ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]>

Inherited from

StackProps.mx

---

my

• my: ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]>

Inherited from

StackProps.my

---

onCreateAssociation

• Optional onCreateAssociation: (provider: string) => any

Type declaration

▸ (provider): any

Handler for creating a new provider association

Parameters

Name	Type
provider	string

Returns

any

Default

null

Defined in

packages/react-ui/src/components/UserSocialAssociation/UserSocialAssociation.tsx:65

---

onDeleteAssociation

• Optional onDeleteAssociation: (provider: SCUserProviderAssociationType) => any

Type declaration

▸ (provider): any

Handler for deleting an existing association

Parameters

Name	Type
provider	SCUserProviderAssociationType

Returns

any

Default

null

Defined in

packages/react-ui/src/components/UserSocialAssociation/UserSocialAssociation.tsx:75

---

order

• order: ResponsiveStyleValue<Order | NonNullable<Order>[]> | (theme: Theme) => ResponsiveStyleValue<Order | NonNullable<Order>[]>

Inherited from

StackProps.order

---

overflow

• overflow: ResponsiveStyleValue<string[] | Overflow> | (theme: Theme) => ResponsiveStyleValue<string[] | Overflow>

Inherited from

StackProps.overflow

---

p

• p: ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]>

Inherited from

StackProps.p

---

padding

• padding: ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]>

Inherited from

StackProps.padding

---

paddingBlock

• paddingBlock: ResponsiveStyleValue<PaddingBlock<string | number> | NonNullable<PaddingBlock<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingBlock<string | number> | NonNullable<PaddingBlock<string | number>>[]>

Inherited from

StackProps.paddingBlock

---

paddingBlockEnd

• paddingBlockEnd: ResponsiveStyleValue<PaddingBlockEnd<string | number> | NonNullable<PaddingBlockEnd<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingBlockEnd<string | number> | NonNullable<PaddingBlockEnd<string | number>>[]>

Inherited from

StackProps.paddingBlockEnd

---

paddingBlockStart

• paddingBlockStart: ResponsiveStyleValue<PaddingBlockStart<string | number> | NonNullable<PaddingBlockStart<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingBlockStart<string | number> | NonNullable<PaddingBlockStart<string | number>>[]>

Inherited from

StackProps.paddingBlockStart

---

paddingBottom

• paddingBottom: ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]>

Inherited from

StackProps.paddingBottom

---

paddingInline

• paddingInline: ResponsiveStyleValue<PaddingInline<string | number> | NonNullable<PaddingInline<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingInline<string | number> | NonNullable<PaddingInline<string | number>>[]>

Inherited from

StackProps.paddingInline

---

paddingInlineEnd

• paddingInlineEnd: ResponsiveStyleValue<PaddingInlineEnd<string | number> | NonNullable<PaddingInlineEnd<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingInlineEnd<string | number> | NonNullable<PaddingInlineEnd<string | number>>[]>

Inherited from

StackProps.paddingInlineEnd

---

paddingInlineStart

• paddingInlineStart: ResponsiveStyleValue<PaddingInlineStart<string | number> | NonNullable<PaddingInlineStart<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingInlineStart<string | number> | NonNullable<PaddingInlineStart<string | number>>[]>

Inherited from

StackProps.paddingInlineStart

---

paddingLeft

• paddingLeft: ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]>

Inherited from

StackProps.paddingLeft

---

paddingRight

• paddingRight: ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]>

Inherited from

StackProps.paddingRight

---

paddingTop

• paddingTop: ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]>

Inherited from

StackProps.paddingTop

---

paddingX

• paddingX: ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]>

Inherited from

StackProps.paddingX

---

paddingY

• paddingY: ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]>

Inherited from

StackProps.paddingY

---

pb

• pb: ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]>

Inherited from

StackProps.pb

---

pl

• pl: ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]>

Inherited from

StackProps.pl

---

position

• position: ResponsiveStyleValue<Position | NonNullable<Position>[]> | (theme: Theme) => ResponsiveStyleValue<Position | NonNullable<Position>[]>

Inherited from

StackProps.position

---

pr

• pr: ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]>

Inherited from

StackProps.pr

---

providers

• Optional providers: SCUserProviderAssociationType[]

Providers association related to the given user

Default

null

Defined in

packages/react-ui/src/components/UserSocialAssociation/UserSocialAssociation.tsx:60

---

pt

• pt: ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]>

Inherited from

StackProps.pt

---

px

• px: ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]>

Inherited from

StackProps.px

---

py

• py: ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]>

Inherited from

StackProps.py

---

right

• right: ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]>

Inherited from

StackProps.right

---

rowGap

• rowGap: ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]>

Inherited from

StackProps.rowGap

---

textAlign

• textAlign: ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]> | (theme: Theme) => ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]>

Inherited from

StackProps.textAlign

---

textOverflow

• textOverflow: ResponsiveStyleValue<string[] | TextOverflow> | (theme: Theme) => ResponsiveStyleValue<string[] | TextOverflow>

Inherited from

StackProps.textOverflow

---

textTransform

• textTransform: ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]> | (theme: Theme) => ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]>

Inherited from

StackProps.textTransform

---

top

• top: ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]>

Inherited from

StackProps.top

---

typography

• typography: ResponsiveStyleValue<string> | (theme: Theme) => ResponsiveStyleValue<string>

Inherited from

StackProps.typography

---

user

• Optional user: SCUserType

User Object

Default

null

Defined in

packages/react-ui/src/components/UserSocialAssociation/UserSocialAssociation.tsx:54

---

userId

• Optional userId: number

Id of user object

Default

null

Defined in

packages/react-ui/src/components/UserSocialAssociation/UserSocialAssociation.tsx:48

---

visibility

• visibility: ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]> | (theme: Theme) => ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]>

Inherited from

StackProps.visibility

---

whiteSpace

• whiteSpace: ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]> | (theme: Theme) => ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]>

Inherited from

StackProps.whiteSpace

---

width

• width: ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]> | (theme: Theme) => ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]>

Inherited from

StackProps.width

---

zIndex

• zIndex: ResponsiveStyleValue<string | string & | number & > | (theme: Theme) => ResponsiveStyleValue<string | string & | number & >

Inherited from

StackProps.zIndex