|
2 | 2 | <div class="animated fadeIn">
|
3 | 3 | <CRow>
|
4 | 4 | <CCol sm="6" md="4">
|
5 |
| - <CCard header="Card title" :body="loremIpsum"/> |
| 5 | + <CCard headerHtml="Card title" :bodyHtml="loremIpsum"/> |
6 | 6 | </CCol>
|
7 | 7 | <CCol sm="6" md="4">
|
8 |
| - <CCard footer="Card Footer" :body="loremIpsum" /> |
| 8 | + <CCard footerHtml="Card Footer" :bodyHtml="loremIpsum" /> |
9 | 9 | </CCol>
|
10 | 10 | <CCol sm="6" md="4">
|
11 | 11 | <CCard
|
12 | 12 | header="<i class='fa fa-check'></i> Card with icon"
|
13 |
| - :body="loremIpsum" |
| 13 | + :bodyHtml="loremIpsum" |
14 | 14 | />
|
15 | 15 | </CCol>
|
16 | 16 | <CCol sm="6" md="4">
|
|
49 | 49 | Card with label
|
50 | 50 | <CBadge pill variant="danger" class="float-right">42</CBadge>
|
51 | 51 | </CCardHeader>
|
52 |
| - <CCardBody :body="loremIpsum"/> |
| 52 | + <CCardBody :bodyHtml="loremIpsum"/> |
53 | 53 | </CCard>
|
54 | 54 | </CCol>
|
55 | 55 | </CRow><!--/.row-->
|
|
58 | 58 | <CCard
|
59 | 59 | header="Card outline primary"
|
60 | 60 | borderVariant="primary"
|
61 |
| - :body="loremIpsum" |
| 61 | + :bodyHtml="loremIpsum" |
62 | 62 | />
|
63 | 63 | </CCol>
|
64 | 64 | <CCol sm="6" md="4">
|
65 | 65 | <CCard
|
66 | 66 | header="Card outline secondary"
|
67 | 67 | borderVariant="secondary"
|
68 |
| - :body="loremIpsum" |
| 68 | + :bodyHtml="loremIpsum" |
69 | 69 | />
|
70 | 70 | </CCol>
|
71 | 71 | <CCol sm="6" md="4">
|
|
78 | 78 | </CCard>
|
79 | 79 | </CCol>
|
80 | 80 | <CCol sm="6" md="4">
|
81 |
| - <CCard header="Card outline info" borderVariant="info" bodyWrapper> |
| 81 | + <CCard headerHtml="Card outline info" borderVariant="info" bodyWrapper> |
82 | 82 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
83 | 83 | </CCard>
|
84 | 84 | </CCol>
|
85 | 85 | <CCol sm="6" md="4">
|
86 |
| - <CCard header="Card outline warning" borderVariant="warning" bodyWrapper> |
| 86 | + <CCard headerHtml="Card outline warning" borderVariant="warning" bodyWrapper> |
87 | 87 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
88 | 88 | </CCard>
|
89 | 89 | </CCol>
|
90 | 90 | <CCol sm="6" md="4">
|
91 |
| - <CCard header="Card outline danger" borderVariant="danger" bodyWrapper> |
| 91 | + <CCard headerHtml="Card outline danger" borderVariant="danger" bodyWrapper> |
92 | 92 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
93 | 93 | </CCard>
|
94 | 94 | </CCol>
|
|
190 | 190 | </CRow><!--/.row-->
|
191 | 191 | <CRow>
|
192 | 192 | <CCol sm="6" md="4">
|
193 |
| - <CCard header="Card title" class="bg-primary" bodyWrapper> |
| 193 | + <CCard headerHtml="Card title" class="bg-primary" bodyWrapper> |
194 | 194 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
195 | 195 | </CCard>
|
196 | 196 | </CCol>
|
197 | 197 | <CCol sm="6" md="4">
|
198 |
| - <CCard header="Card title" class="bg-success" bodyWrapper> |
| 198 | + <CCard headerHtml="Card title" class="bg-success" bodyWrapper> |
199 | 199 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
200 | 200 | </CCard>
|
201 | 201 | </CCol>
|
202 | 202 | <CCol sm="6" md="4">
|
203 |
| - <CCard header="Card title" class="bg-info" bodyWrapper> |
| 203 | + <CCard headerHtml="Card title" class="bg-info" bodyWrapper> |
204 | 204 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
205 | 205 | </CCard>
|
206 | 206 | </CCol>
|
207 | 207 | <CCol sm="6" md="4">
|
208 |
| - <CCard header="Card title" class="bg-warning" bodyWrapper> |
| 208 | + <CCard headerHtml="Card title" class="bg-warning" bodyWrapper> |
209 | 209 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
210 | 210 | </CCard>
|
211 | 211 | </CCol>
|
212 | 212 | <CCol sm="6" md="4">
|
213 |
| - <CCard header="Card title" class="bg-danger" bodyWrapper> |
| 213 | + <CCard headerHtml="Card title" class="bg-danger" bodyWrapper> |
214 | 214 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
215 | 215 | </CCard>
|
216 | 216 | </CCol>
|
|
244 | 244 | <CCol sm="6" md="4">
|
245 | 245 | <CCard >
|
246 | 246 | <CCardImg imgSrc="https://picsum.photos/600/300/?image=25"/>
|
247 |
| - <CCardHeader header="Card title"/> |
| 247 | + <CCardHeader headerHtml="Card title"/> |
248 | 248 | <CCardBody style="max-height:200px;overflow-y:auto">
|
249 | 249 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
250 | 250 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
|
0 commit comments