Defines a Format & Layout component.
This component can be used on any component in order to modify the text, element placement or adjust the padding and margin.
For more information: CSS Utilities.
| Name | Description |
|---|---|
| Alignment | Specifies how text should be aligned inside component. |
| Alignment 0-576 px (xs) | Specifies how text should be aligned inside component, for xs screen. |
| Alignment 1200-over px (xl) | Specifies how text should be aligned inside component, for xl screen. |
| Alignment 576-768 px (sm) | Specifies how text should be aligned inside component, for sm screen. |
| Alignment 768-992 px (md) | Specifies how text should be aligned inside component, for md screen. |
| Alignment 992-1200 px (lg) | Specifies how text should be aligned inside component, for lg screen. |
| Container | Specifies the aligment of a Flex container. |
| Float | Specifies where component should be placed along the left or right side of its container. |
| Float 0-576 px (xs) | Specifies where component should be placed along the left or right side of its container, for xs screen. |
| Float 1200-over px (xl) | Specifies where component should be placed along the left or right side of its container, for xl screen. |
| Float 576-768 px (sm) | Specifies where component should be placed along the left or right side of its container, for sm screen. |
| Float 768-992 px (md) | Specifies where component should be placed along the left or right side of its container, for md screen. |
| Float 992-1200 px (lg) | Specifies where component should be placed along the left or right side of its container, for lg screen. |
| Hidden | Specifies whether component should be should be visible or not. |
| Hidden | Specifies whether Header/Footer borders should be should be visible or not. |
| Hidden 0-576 px (xs) | Specifies whether component should be should be visible or not, for xs screen. |
| Hidden 1200-over px (xl) | Specifies whether component should be should be visible or not, for xl screen. |
| Hidden 576-768 px (sm) | Specifies whether component should be should be visible or not, for sm screen. |
| Hidden 768-992 px (md) | Specifies whether component should be should be visible or not, for md screen. |
| Hidden 992-1200 px (lg) | Specifies whether component should be should be visible or not, for lg screen. |
| Item | Specifies the aligment of a Flex item. |
| Margin | Specifies the margin area of a component. |
| Padding | Specifies the padding area of a component. |
| Transformation | Specifies the kind of transformation which should be applied on text inside component. |
| Transformation 0-576 px (xs) | Specifies the kind of transformation which should be applied on text inside component, for xs screen. |
| Transformation 1200-over px (xl) | Specifies the kind of transformation which should be applied on text inside component, for xl screen.. |
| Transformation 576-768 px (sm) | Specifies the kind of transformation which should be applied on text inside component, for sm screen.. |
| Transformation 768-992 px (md) | Specifies the kind of transformation which should be applied on text inside component, for md screen.. |
| Transformation 992-1200 px (lg) | Specifies the kind of transformation which should be applied on text inside component, for lg screen.. |
| Comment | Describes the object comment to include in the documentation report. <p>This property generally contains an explanation about the object.</p> |
| Identifier | Defines the component identifier. |
| Is active | Defines whether the component is active. |
Format & Layout