Container
The container component is used to literally contain elements using standard maximum widths and center it in the page. This component doesn't have any paddings by default in mobile but supports side notches.
Contents
[mobilePadding]="false"
By default, the fl-container component does not have any padding in mobile screens, stretching the content to the edges of the screen and maximize screen real-estate usage.
[mobilePadding]="true"
A mobile padding can be added via mobilePadding input which is useful for non card like sections so that the content will have a descent space away from the edge.
Inputs
mobilePadding ?: boolean = false
padding ?: boolean = true
size ?: ContainerSize = ContainerSize.DESKTOP_LARGE
sizeDesktopLarge ?: ContainerSize
sizeDesktopSmall ?: ContainerSize
sizeDesktopXLarge ?: ContainerSize
sizeDesktopXXLarge ?: ContainerSize
sizeTablet ?: ContainerSize