package.json
4.06 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
{
"name": "@bootstrap-vue/skeleton",
"version": "1.0.0",
"meta": {
"title": "Skeleton",
"description": "The <b-skeleton> component can be used to scaffold a loading state, while your data is loading.",
"version": "2.17.0",
"slug": "skeleton",
"components": [
{
"component": "BSkeleton",
"props": [
{
"prop": "animation",
"description": "Changes the component animation, leave empty or `null` to disable the animation"
},
{
"prop": "height",
"description": "Sets the `height` of the component"
},
{
"prop": "size",
"description": "Sets the `width` and `height` of the component"
},
{
"prop": "type",
"default": "text",
"description": "Changes the type, refer to the [types](/#types) section"
},
{
"prop": "width",
"description": "Sets the `width` of the component"
}
]
},
{
"component": "BSkeletonWrapper",
"props": [
{
"prop": "loading",
"description": "Determines whether the loading slot should be displayed"
}
],
"slots": [
{
"name": "default",
"description": "Content to show when the `loading` prop is `false`"
},
{
"name": "loading",
"description": "Content to show when the `loading` prop is `true`"
}
]
},
{
"component": "BSkeletonTable",
"props": [
{
"prop": "animation",
"description": "Animation used for the component in each cell, leave empty or `null` to disable the animation"
},
{
"prop": "columns",
"description": "Amount of columns to display"
},
{
"prop": "hideHeader",
"description": "Hides the header of the table"
},
{
"prop": "rows",
"description": "Amount of rows to display"
},
{
"prop": "showFooter",
"description": "Enables the footer of the table"
},
{
"prop": "tableProps",
"description": "Supports the same props as `<b-table-simple>`"
},
{
"prop": "variant",
"description": "Applies one of the Bootstrap theme color variants to the component in each cell"
}
]
},
{
"component": "BSkeletonImg",
"props": [
{
"prop": "animation",
"description": "Animation used for the component, leave empty or `null` to disable the animation"
},
{
"prop": "aspect",
"description": "Control the aspect ratio of the image"
},
{
"prop": "cardImg",
"description": "If used as an card image, use this prop to set the position. Accepted values are `top`, `bottom`, `left` and `right`"
},
{
"prop": "height",
"description": "Sets the height of the image. Best used with `no-aspect` set to `true`"
},
{
"prop": "noAspect",
"description": "Removes the aspect wrapper around the skeleton"
},
{
"prop": "width",
"description": "Sets the width of the image. Best used with `no-aspect` set to `true`"
}
]
},
{
"component": "BSkeletonIcon",
"props": [
{
"prop": "animation",
"description": "Animation used for the component, leave empty or `null` to disable the animation"
},
{
"prop": "icon",
"description": "Icon to display"
},
{
"prop": "iconProps",
"description": "Properties to pass on to the icon. Refer to `<b-icon>` property references"
}
]
}
]
}
}