@phase2/outline-grid
Advanced tools
The Outline Grid component
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
containerAlign | container-align | "none" | "left" | "center" | "right" | "center" | The horizontal position of the container. |
fullBleed | full-bleed | boolean | false | Whether or not this is a full bleed container. |
gapSize | gap-size | "small" | "large" | "medium" | "none" | "small" | How much of a gap should exist between columns? (This affects both the vertical and horizontal column/row gaps.) |
gapSizeLg | gap-size-lg | "small" | "large" | "medium" | "none" | How much of a gap should exist between columns on large+ screens? (This affects both the vertical and horizontal column/row gaps.) | |
gapSizeMd | gap-size-md | "small" | "large" | "medium" | "none" | How much of a gap should exist between columns on medium+ screens? (This affects both the vertical and horizontal column/row gaps.) | |
gapSizeSm | gap-size-sm | "small" | "large" | "medium" | "none" | How much of a gap should exist between columns on small+ screens? (This affects both the vertical and horizontal column/row gaps.) | |
gapSizeXl | gap-size-xl | "small" | "large" | "medium" | "none" | How much of a gap should exist between columns on extra large+ screens? (This affects both the vertical and horizontal column/row gaps.) | |
gapSizeXxl | gap-size-xxl | "small" | "large" | "medium" | "none" | How much of a gap should exist between columns on extra extra large+ screens? (This affects both the vertical and horizontal column/row gaps.) | |
gapSizeXxxl | gap-size-xxxl | "small" | "large" | "medium" | "none" | How much of a gap should exist between columns on extra extra extra large+ screens? (This affects both the vertical and horizontal column/row gaps.) | |
xPadding | x-padding | boolean | false | Whether or not this container has left/right padding. |
yPadding | y-padding | boolean | false | Whether or not this container has left/right padding. |
| Name | Description |
|---|---|
| The default slot for this element. |
FAQs
The Outline Components for the grid web component
We found that @phase2/outline-grid demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 10 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Ruby's creator Matz assumes control of RubyGems and Bundler repositories while former maintainers agree to step back and transfer all rights to end the dispute.
Research
/Security News
Socket researchers found 10 typosquatted npm packages that auto-run on install, show fake CAPTCHAs, fingerprint by IP, and deploy a credential stealer.
Product
Socket Firewall Enterprise is now available with flexible deployment, configurable policies, and expanded language support.
