mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 10:21:05 +00:00
7fdc2ef7f0* chore(deps-dev): upgrade `sveld` to v0.18.1 * Run "yarn build:docs" * test: assert that `data-*` attributes are valid
62 lines
1.3 KiB
TypeScript
62 lines
1.3 KiB
TypeScript
/// <reference types="svelte" />
|
|
import type { SvelteComponentTyped } from "svelte";
|
|
|
|
export interface GridProps
|
|
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., <Grid let:props><header {...props}>...</header></Grid>)
|
|
* @default false
|
|
*/
|
|
as?: boolean;
|
|
|
|
/**
|
|
* Set to `true` to use the condensed variant
|
|
* @default false
|
|
*/
|
|
condensed?: boolean;
|
|
|
|
/**
|
|
* Set to `true` to use the narrow variant
|
|
* @default false
|
|
*/
|
|
narrow?: boolean;
|
|
|
|
/**
|
|
* Set to `true` to use the fullWidth variant
|
|
* @default false
|
|
*/
|
|
fullWidth?: boolean;
|
|
|
|
/**
|
|
* Set to `true` to remove the gutter
|
|
* @default false
|
|
*/
|
|
noGutter?: boolean;
|
|
|
|
/**
|
|
* Set to `true` to remove the left gutter
|
|
* @default false
|
|
*/
|
|
noGutterLeft?: boolean;
|
|
|
|
/**
|
|
* Set to `true` to remove the right gutter
|
|
* @default false
|
|
*/
|
|
noGutterRight?: boolean;
|
|
|
|
/**
|
|
* Set to `true` to add top and bottom padding to all columns
|
|
* @default false
|
|
*/
|
|
padding?: boolean;
|
|
|
|
[key: `data-${string}`]: any;
|
|
}
|
|
|
|
export default class Grid extends SvelteComponentTyped<
|
|
GridProps,
|
|
{},
|
|
{ default: { props: { class: string; [key: string]: any } } }
|
|
> {}
|