Add padding prop to Grid component

This commit is contained in:
Richard O'flynn 2020-11-27 01:20:36 +00:00
commit 9af756bd4b
9 changed files with 88 additions and 3 deletions

View file

@ -9,7 +9,8 @@ export interface ColumnSizeDescriptor {
export type ColumnBreakpoint = ColumnSize | ColumnSizeDescriptor;
export interface ColumnProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface ColumnProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
/**
* Set to `true` to render a custom HTML element
* Props are destructured as `props` in the default slot (e.g. <Column let:props><article {...props}>...</article></Column>)
@ -40,6 +41,12 @@ export interface ColumnProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNam
*/
aspectRatio?: "2x1" | "16x9" | "9x16" | "1x2" | "4x3" | "3x4" | "1x1";
/**
* Set to `true` to add top and bottom padding
* @default false
*/
padding?: boolean;
/**
* Set the small breakpoint
*/