The wrapper component (lk-wrapper) is a utility componet intended to be implemented by other components that wish to provide responsive spacing and display properties.
By default the wrapper component will have no bottom margin and will be display: block.
display
The display prop accepts the following arguments:
block: applies styling equivalent to the CSS display: block.inline-block: applies styling equivalent to the CSS display: block.none: applies styling equivalent to the CSS display: block.margin-bottom
The margin-bottom prop accepts the following arguments:
margin-bottom: spacing-vertical().compact applies styling equivalent to the CSS margin-bottom: spacing-vertical(compact).compact-content applies styling equivalent to the CSS margin-bottom: spacing-vertical(compact-content).content applies styling equivalent to the CSS margin-bottom: spacing-vertical(content).mini applies styling equivalent to the CSS margin-bottom: spacing-vertical(mini).mini-content applies styling equivalent to the CSS margin-bottom: spacing-vertical(mini-content).none applies styling equivalent to the CSS margin-bottom: 0.margin-top
The margin-bottom prop accepts the following arguments:
-compact applies styling equivalent to the CSS margin-top: (0 - spacing-vertical(compact)).-compact-content applies styling equivalent to the CSS margin-top: (0 - spacing-vertical(compact-content)).-content applies styling equivalent to the CSS margin-top: (0 - spacing-vertical(content)).-mini applies styling equivalent to the CSS margin-top: (0 - spacing-vertical(mini)).-mini-content applies styling equivalent to the CSS margin-top: (0 - spacing-vertical(mini-content)).none applies styling equivalent to the CSS margin-top: 0.All props of this component can be prefixed with the following prefixes to provide responsive functionality:
sm: will apply when the browser window is >= 576px wide.md: will apply when the browser window is >= 768px wide.lg: will apply when the browser window is >= 992px wide.xl: will apply when the browser window is >= 1200px wide.