Components Containers

Containers

Containers ensure that your content does not exceed the set max-width horizontally.
Sizes
Max width "full" - (100%)
Max width "xl" - (85rem)
Max width "lg" - (32rem)
Max width "md" - (28rem)
Max width "sm" - (24rem)
          <.container max_width="full">
  Content
</.container>

        
Properties

Defaults are indicated in bold.

Name Type Options
max_width :string `sm`, `md`, `lg`, `xl`, full
class :css_class -
no_padding_on_mobile :boolean `true`, false