package.json
5.79 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
{
"name": "@bootstrap-vue/image",
"version": "1.0.0",
"meta": {
"title": "Image",
"description": "Create responsive images, optionally adding lightweight styles to them — all via props. Support for rounded images, thumbnail styling, alignment, and even the ability to create blank images with an optional solid background color, and lazy loaded images.",
"components": [
{
"component": "BImg",
"props": [
{
"prop": "blank",
"description": "Creates a blank/transparent image via an SVG data URI"
},
{
"prop": "blankColor",
"description": "Sets the color of the blank image to the CSS color value specified"
},
{
"prop": "block",
"description": "Forces the image to display as a block element rather than the browser default of inline-block element"
},
{
"prop": "center",
"description": "Centers the image horizontally"
},
{
"prop": "fluid",
"description": "Makes the image responsive. The image will shrink as needed or grow up the the image's native width"
},
{
"prop": "fluidGrow",
"description": "Similar to the 'fluid' prop, but allows the image to scale up past its native width"
},
{
"prop": "height",
"description": "The value to set on the image's 'height' attribute"
},
{
"prop": "left",
"description": "Floats the image to the left when set"
},
{
"prop": "right",
"description": "Floats the image to the right when set"
},
{
"prop": "rounded",
"description": "When set to 'true', makes the image corners slightly rounded. Can also be used to disable rounded corners or make the image a circle/oval. See docs for details"
},
{
"prop": "sizes",
"version": "2.1.0",
"description": "One or more strings separated by commas (or an array of strings), indicating a set of source sizes. Optionally used in combination with the srcset prop"
},
{
"prop": "srcset",
"version": "2.1.0",
"description": "One or more strings separated by commas (or an array of strings), indicating possible image sources for the user agent to use"
},
{
"prop": "thumbnail",
"description": "Adds a thumbnail border around the image"
},
{
"prop": "width",
"description": "The value to set on the image's 'width' attribute"
}
]
},
{
"component": "BImgLazy",
"props": [
{
"prop": "blankColor",
"description": "Sets the color of the blank placeholder image to the CSS color value specified"
},
{
"prop": "blankHeight",
"description": "The value to set on the placeholder image's 'height' attribute. Defaults to value of the 'height' prop"
},
{
"prop": "blankSrc",
"description": "Placeholder image instead of a blank image"
},
{
"prop": "blankWidth",
"description": "The value to set on the placeholder image's 'width' attribute. Defaults to value of the 'width' prop"
},
{
"prop": "block",
"description": "Forces the image to display as a block element rather than the browser default of inline-block element"
},
{
"prop": "center",
"description": "Centers the image horizontally"
},
{
"prop": "fluid",
"description": "Makes the image responsive. The image will shrink as needed or grow up the the image's native width"
},
{
"prop": "fluidGrow",
"description": "Similar to the 'fluid' prop, but allows the image to scale up past its native width"
},
{
"prop": "height",
"description": "The value to set on the image's 'height' attribute"
},
{
"prop": "left",
"description": "Floats the image to the left when set"
},
{
"prop": "offset",
"description": "Number of pixels away from the viewport edge before the lazy image is loaded"
},
{
"prop": "right",
"description": "Floats the image to the right when set"
},
{
"prop": "rounded",
"description": "When set to 'true', makes the image corners slightly rounded. Can also be used to disable rounded corners or make the image a circle/oval. See docs for details"
},
{
"prop": "show",
"description": "If set to true, will force show the image specified via the 'src' prop"
},
{
"prop": "sizes",
"version": "2.1.0",
"description": "One or more strings separated by commas (or an array of strings), indicating a set of source sizes. Optionally used in combination with the srcset prop"
},
{
"prop": "srcset",
"version": "2.1.0",
"description": "One or more strings separated by commas (or an array of strings), indicating possible image sources for the user agent to use"
},
{
"prop": "thumbnail",
"description": "Adds a thumbnail border around the image"
},
{
"prop": "width",
"description": "The value to set on the image's 'width' attribute"
}
]
}
]
}
}