docs
›
reference
›
container reference
container reference
for the patterns that wrap these properties into reusable styles, see styles.
layout
| property |
type |
| FlexDirection |
FlexDirection? |
| JustifyContent |
Justify? |
| AlignItems |
Align? |
| AlignContent |
Align? |
| AlignSelf |
Align? |
| FlexGrow |
float? |
| FlexShrink |
float? |
| FlexBasis |
Length? |
| FlexWrap |
Wrap? |
| Order |
int? |
| Display |
DisplayMode? |
| Position |
PositionMode? |
| ZIndex |
int? |
position offsets
| property |
type |
| Left |
Length? |
| Top |
Length? |
| Right |
Length? |
| Bottom |
Length? |
sizing
| property |
type |
| Width |
Length? |
| Height |
Length? |
| MinWidth |
Length? |
| MinHeight |
Length? |
| MaxWidth |
Length? |
| MaxHeight |
Length? |
| AspectRatio |
float? |
spacing
| property |
type |
| Padding |
Length? |
| PaddingLeft |
Length? |
| PaddingTop |
Length? |
| PaddingRight |
Length? |
| PaddingBottom |
Length? |
| Margin |
Length? |
| MarginLeft |
Length? |
| MarginTop |
Length? |
| MarginRight |
Length? |
| MarginBottom |
Length? |
| Gap |
Length? |
| RowGap |
Length? |
| ColumnGap |
Length? |
background
| property |
type |
| BackgroundColor |
Color? |
| BackgroundTint |
Color? |
| BackgroundImage |
Texture? |
| BackgroundRepeat |
BackgroundRepeat? |
| BackgroundPositionX |
Length? |
| BackgroundPositionY |
Length? |
| BackgroundSizeX |
Length? |
| BackgroundSizeY |
Length? |
| BackgroundAngle |
Length? |
| BackgroundBlendMode |
string? |
| BackgroundPlaybackPaused |
bool? |
border
| property |
type |
| BorderColor |
Color? |
| BorderLeftColor |
Color? |
| BorderTopColor |
Color? |
| BorderRightColor |
Color? |
| BorderBottomColor |
Color? |
| BorderWidth |
Length? |
| BorderLeftWidth |
Length? |
| BorderTopWidth |
Length? |
| BorderRightWidth |
Length? |
| BorderBottomWidth |
Length? |
border image
| property |
type |
| BorderImageSource |
Texture? |
| BorderImageFill |
BorderImageFill? |
| BorderImageRepeat |
BorderImageRepeat? |
| BorderImageTint |
Color? |
| BorderImageWidthLeft |
Length? |
| BorderImageWidthTop |
Length? |
| BorderImageWidthRight |
Length? |
| BorderImageWidthBottom |
Length? |
border radius
| property |
type |
| BorderRadius |
Length? |
| BorderTopLeftRadius |
Length? |
| BorderTopRightRadius |
Length? |
| BorderBottomLeftRadius |
Length? |
| BorderBottomRightRadius |
Length? |
outline
| property |
type |
| OutlineColor |
Color? |
| OutlineOffset |
Length? |
| OutlineWidth |
Length? |
font
| property |
type |
| FontFamily |
string? |
| FontSize |
Length? |
| FontWeight |
int? |
| FontColor |
Color? |
| FontStyle |
FontStyle? |
| FontSmooth |
FontSmooth? |
| FontVariantNumeric |
FontVariantNumeric? |
text
| property |
type |
| TextAlign |
TextAlign? |
| TextOverflow |
TextOverflow? |
| TextTransform |
TextTransform? |
| TextDecorationLine |
TextDecoration? |
| TextDecorationColor |
Color? |
| TextDecorationStyle |
TextDecorationStyle? |
| TextDecorationThickness |
Length? |
| TextDecorationSkipInk |
TextSkipInk? |
| TextUnderlineOffset |
Length? |
| TextLineThroughOffset |
Length? |
| TextOverlineOffset |
Length? |
| TextStrokeColor |
Color? |
| TextStrokeWidth |
Length? |
| TextFilter |
FilterMode? |
| TextBackgroundAngle |
Length? |
| LetterSpacing |
Length? |
| LineHeight |
Length? |
| WordSpacing |
Length? |
| WhiteSpace |
WhiteSpace? |
| WordBreak |
WordBreak? |
effects
| property |
type |
| Opacity |
float? |
| MixBlendMode |
string? |
| ImageRendering |
ImageRendering? |
| CaretColor |
Color? |
filter
| property |
type |
| FilterBlur |
Length? |
| FilterBrightness |
Length? |
| FilterContrast |
Length? |
| FilterHueRotate |
Length? |
| FilterInvert |
Length? |
| FilterSaturate |
Length? |
| FilterSepia |
Length? |
| FilterTint |
Color? |
| FilterBorderColor |
Color? |
| FilterBorderWidth |
Length? |
backdrop filter
| property |
type |
| BackdropFilterBlur |
Length? |
| BackdropFilterBrightness |
Length? |
| BackdropFilterContrast |
Length? |
| BackdropFilterHueRotate |
Length? |
| BackdropFilterInvert |
Length? |
| BackdropFilterSaturate |
Length? |
| BackdropFilterSepia |
Length? |
mask
| property |
type |
| MaskImage |
Texture? |
| MaskMode |
MaskMode? |
| MaskScope |
MaskScope? |
| MaskAngle |
Length? |
| MaskPositionX |
Length? |
| MaskPositionY |
Length? |
| MaskRepeat |
BackgroundRepeat? |
| MaskSizeX |
Length? |
| MaskSizeY |
Length? |
| property |
type |
| TransformOriginX |
Length? |
| TransformOriginY |
Length? |
| PerspectiveOriginX |
Length? |
| PerspectiveOriginY |
Length? |
the matrix-valued Transform property itself is intentionally not surfaced.
animation
| property |
type |
| AnimationName |
string? |
| AnimationDelay |
float? |
| AnimationDuration |
float? |
| AnimationIterationCount |
float? |
| AnimationDirection |
string? |
| AnimationFillMode |
string? |
| AnimationPlayState |
string? |
| AnimationTimingFunction |
string? |
overflow
| property |
type |
| Overflow |
OverflowMode? |
| OverflowX |
OverflowMode? |
| OverflowY |
OverflowMode? |
misc
| property |
type |
| PointerEvents |
PointerEvents? |
| Cursor |
string? |
| SoundIn |
string? |
| SoundOut |
string? |
state variants
| property |
type |
| HoverBackgroundColor |
Color? |
| ActiveBackgroundColor |
Color? |
| FocusBackgroundColor |
Color? |
| HoverFontColor |
Color? |
| ActiveFontColor |
Color? |
| FocusFontColor |
Color? |
| TransitionMs |
int? |