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
ContainerSize.TABLET
(768px maximum width)
ContainerSize.DESKTOP_SMALL
(960px maximum width)
ContainerSize.DESKTOP_LARGE
(1200px maximum width)
ContainerSize.DESKTOP_XLARGE
(1440px maximum width)
ContainerSize.FLUID
(No maximum width)
Inputs
mobilePadding ?: boolean = false
padding ?: boolean = true
size ?: ContainerSize = ContainerSize.DESKTOP_LARGE
sizeDesktopLarge ?: ContainerSize
sizeDesktopSmall ?: ContainerSize
sizeDesktopXLarge ?: ContainerSize
sizeDesktopXXLarge ?: ContainerSize
sizeTablet ?: ContainerSize