Extensions

Press shift + S to search API reference.

Interface

LoaderStyleProps

View source

Style props for the Loader component. Accepts:

interface LoaderStyleProps extends FlexItemSetProps, PositionSetProps, MarginProps
alignSelfOptionalResponsiveProp<AlignSelfProperty>

Aligns flex items of the current flex line, overriding the alignItems value.

bottomOptionalResponsiveProp<BottomProperty<Length>>

Specifies the vertical position of a positioned element. It has no effect on non-positioned elements.

flexOptionalResponsiveProp<FlexProperty<Length>>

Sets how a flex item will grow or shrink to fit the space available in its flex container. It is a shorthand for flexGrow, flexShrink, and flexBasis.

flexBasisOptionalResponsiveProp<FlexBasisProperty<Length>>

Sets the initial main size of a flex item.

flexGrowOptionalResponsiveProp<GlobalsNumber>

Sets the flex grow factor of a flex item. If the size of flex items is smaller than the flex container, items grow to fit according to flexGrow.

flexShrinkOptionalResponsiveProp<GlobalsNumber>

Sets the flex shrink factor of a flex item. If the size of flex items is larger than the flex container, items shrink to fit according to flexShrink.

leftOptionalResponsiveProp<LeftProperty<Length>>

Specifies the horizontal position of a positioned element. It has no effect on non-positioned elements.

marginOptionalResponsiveProp<MarginProperty<Length>>

Sets the margin area on all four sides of an element. It is a shorthand for marginTop, marginRight, marginBottom, and marginLeft.

marginBottomOptionalResponsiveProp<MarginBottomProperty<Length>>

Sets the margin area on the bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

marginLeftOptionalResponsiveProp<MarginLeftProperty<Length>>

Sets the margin area on the left of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

marginRightOptionalResponsiveProp<MarginRightProperty<Length>>

Sets the margin area on the right of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

marginTopOptionalResponsiveProp<MarginTopProperty<Length>>

Sets the margin area on the top of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

marginXOptionalResponsiveProp<MarginProperty<Length>>

Sets the margin area on the left and right of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

marginYOptionalResponsiveProp<MarginProperty<Length>>

Sets the margin area on the top and bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

orderOptionalResponsiveProp<GlobalsNumber>

Sets the order to lay out an item in a flex container. Items are sorted by ascending order value and then by their source code order.

positionOptionalResponsiveProp<PositionProperty>

Sets how an element is positioned in a document. The top, right, bottom, and left properties determine the final location of positioned elements.

rightOptionalResponsiveProp<RightProperty<Length>>

Specifies the horizontal position of a positioned element. It has no effect on non-positioned elements.

topOptionalResponsiveProp<TopProperty<Length>>

Specifies the vertical position of a positioned element. It has no effect on non-positioned elements.

zIndexOptionalResponsiveProp<ZIndexProperty>

Sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with larger z-indexes cover those with smaller ones.