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
attr(:max_width, :string,
default: "lg",
values: ["sm", "md", "lg", "xl", "full"],
doc: "sets container max-width"
)
attr(:class, :string, default: "", doc: "CSS class for container")
attr(:no_padding_on_mobile, :boolean, default: false, doc: "specify for padding on mobile")
attr(:rest, :global)
slot(:inner_block, required: false)