UNPKG

@corejam/core-components

Version:

Corejam - Core Components

corejam.io

92 lines (78 loc) • 8.74 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
# corejam-grid <!-- Auto Generated Below --> ## Properties | Property | Attribute | Description | Type | Default | | ------------------- | --------------------- | ----------- | ---------------------------------------------------- | ----------- | | `autoFlow` | `auto-flow` | | `"column" \| "column-dense" \| "row" \| "row-dense"` | `undefined` | | `cols` | `cols` | | `"auto" \| number` | `undefined` | | `colsEnd` | `cols-end` | | `"auto" \| number` | `undefined` | | `colsStart` | `cols-start` | | `"auto" \| number` | `undefined` | | `gap` | `gap` | | `number` | `undefined` | | `gapCol` | `gap-col` | | `number` | `undefined` | | `gapRow` | `gap-row` | | `number` | `undefined` | | `grid` | -- | | `Boolean` | `true` | | `h` | -- | | `String` | `undefined` | | `lgAutoFlow` | `lg-auto-flow` | | `"column" \| "column-dense" \| "row" \| "row-dense"` | `undefined` | | `lgCols` | `lg-cols` | | `"auto" \| number` | `undefined` | | `lgColsEnd` | `lg-cols-end` | | `"auto" \| number` | `undefined` | | `lgColsStart` | `lg-cols-start` | | `"auto" \| number` | `undefined` | | `lgGap` | `lg-gap` | | `number` | `undefined` | | `lgGapCol` | `lg-gap-col` | | `number` | `undefined` | | `lgGapRow` | `lg-gap-row` | | `number` | `undefined` | | `lgRows` | `lg-rows` | | `"auto" \| "none" \| number` | `undefined` | | `lgRowsEnd` | `lg-rows-end` | | `"auto" \| number` | `undefined` | | `lgRowsStart` | `lg-rows-start` | | `"auto" \| number` | `undefined` | | `lgTemplateColumns` | `lg-template-columns` | | `"none" \| number` | `undefined` | | `lgTemplateRows` | `lg-template-rows` | | `"none" \| number` | `undefined` | | `mdAutoFlow` | `md-auto-flow` | | `"column" \| "column-dense" \| "row" \| "row-dense"` | `undefined` | | `mdCols` | `md-cols` | | `"auto" \| number` | `undefined` | | `mdColsEnd` | `md-cols-end` | | `"auto" \| number` | `undefined` | | `mdColsStart` | `md-cols-start` | | `"auto" \| number` | `undefined` | | `mdGap` | `md-gap` | | `number` | `undefined` | | `mdGapCol` | `md-gap-col` | | `number` | `undefined` | | `mdGapRow` | `md-gap-row` | | `number` | `undefined` | | `mdRows` | `md-rows` | | `"auto" \| "none" \| number` | `undefined` | | `mdRowsEnd` | `md-rows-end` | | `"auto" \| number` | `undefined` | | `mdRowsStart` | `md-rows-start` | | `"auto" \| number` | `undefined` | | `mdTemplateColumns` | `md-template-columns` | | `"none" \| number` | `undefined` | | `mdTemplateRows` | `md-template-rows` | | `"none" \| number` | `undefined` | | `rows` | `rows` | | `"auto" \| "none" \| number` | `undefined` | | `rowsEnd` | `rows-end` | | `"auto" \| number` | `undefined` | | `rowsStart` | `rows-start` | | `"auto" \| number` | `undefined` | | `smAutoFlow` | `sm-auto-flow` | | `"column" \| "column-dense" \| "row" \| "row-dense"` | `undefined` | | `smCols` | `sm-cols` | | `"auto" \| number` | `undefined` | | `smColsEnd` | `sm-cols-end` | | `"auto" \| number` | `undefined` | | `smColsStart` | `sm-cols-start` | | `"auto" \| number` | `undefined` | | `smGap` | `sm-gap` | | `number` | `undefined` | | `smGapCol` | `sm-gap-col` | | `number` | `undefined` | | `smGapRow` | `sm-gap-row` | | `number` | `undefined` | | `smRows` | `sm-rows` | | `"auto" \| "none" \| number` | `undefined` | | `smRowsEnd` | `sm-rows-end` | | `"auto" \| number` | `undefined` | | `smRowsStart` | `sm-rows-start` | | `"auto" \| number` | `undefined` | | `smTemplateColumns` | `sm-template-columns` | | `"none" \| number` | `undefined` | | `smTemplateRows` | `sm-template-rows` | | `"none" \| number` | `undefined` | | `templateColumns` | `template-columns` | | `"none" \| number` | `undefined` | | `templateRows` | `template-rows` | | `"none" \| number` | `undefined` | | `xlAutoFlow` | `xl-auto-flow` | | `"column" \| "column-dense" \| "row" \| "row-dense"` | `undefined` | | `xlCols` | `xl-cols` | | `"auto" \| number` | `undefined` | | `xlColsEnd` | `xl-cols-end` | | `"auto" \| number` | `undefined` | | `xlColsStart` | `xl-cols-start` | | `"auto" \| number` | `undefined` | | `xlGap` | `xl-gap` | | `number` | `undefined` | | `xlGapCol` | `xl-gap-col` | | `number` | `undefined` | | `xlGapRow` | `xl-gap-row` | | `number` | `undefined` | | `xlRows` | `xl-rows` | | `"auto" \| "none" \| number` | `undefined` | | `xlRowsEnd` | `xl-rows-end` | | `"auto" \| number` | `undefined` | | `xlRowsStart` | `xl-rows-start` | | `"auto" \| number` | `undefined` | | `xlTemplateColumns` | `xl-template-columns` | | `"none" \| number` | `undefined` | | `xlTemplateRows` | `xl-template-rows` | | `"none" \| number` | `undefined` | ## Dependencies ### Used by - [corejam-modal](../Modal) ### Graph ```mermaid graph TD; corejam-modal --> corejam-grid style corejam-grid fill:#f9f,stroke:#333,stroke-width:4px ``` ---------------------------------------------- *Built with [StencilJS](https://stenciljs.com/)*