fix: update prop names
This commit is contained in:
@@ -30,41 +30,41 @@ export default {
|
||||
data () {
|
||||
return {
|
||||
items: [{
|
||||
text: '<b>Admin</b>',
|
||||
textHtml: '<b>Admin</b>',
|
||||
href: '#'
|
||||
}, {
|
||||
text: 'Manage',
|
||||
textHtml: 'Manage',
|
||||
href: '#'
|
||||
}, {
|
||||
text: 'Library'
|
||||
textHtml: 'Library'
|
||||
}],
|
||||
|
||||
|
||||
items2: [{
|
||||
text: 'Go to dashboard',
|
||||
textHtml: 'Go to dashboard',
|
||||
to: '/dashboard'
|
||||
}, {
|
||||
text: 'Go to widgets',
|
||||
textHtml: 'Go to widgets',
|
||||
to: '/Widgets'
|
||||
}, {
|
||||
text: 'Go to Google',
|
||||
textHtml: 'Go to Google',
|
||||
href: 'http://google.com'
|
||||
},{
|
||||
text: 'Current page'
|
||||
textHtml: 'Current page'
|
||||
}],
|
||||
|
||||
|
||||
items3: [{
|
||||
text: 'Link',
|
||||
textHtml: 'Link',
|
||||
to: '#2',
|
||||
activeClass: 'bg-info p-1'
|
||||
}, {
|
||||
text: 'Active',
|
||||
textHtml: 'Active',
|
||||
to: '#3',
|
||||
activeClass: 'bg-warning p-1',
|
||||
addLinkClasses: 'bg-info p-1'
|
||||
},{
|
||||
text: 'Classes',
|
||||
textHtml: 'Classes',
|
||||
to: '#4',
|
||||
activeClass: 'bg-danger p-1',
|
||||
}]
|
||||
|
||||
+15
-15
@@ -2,15 +2,15 @@
|
||||
<div class="animated fadeIn">
|
||||
<CRow>
|
||||
<CCol sm="6" md="4">
|
||||
<CCard header="Card title" :body="loremIpsum"/>
|
||||
<CCard headerHtml="Card title" :bodyHtml="loremIpsum"/>
|
||||
</CCol>
|
||||
<CCol sm="6" md="4">
|
||||
<CCard footer="Card Footer" :body="loremIpsum" />
|
||||
<CCard footerHtml="Card Footer" :bodyHtml="loremIpsum" />
|
||||
</CCol>
|
||||
<CCol sm="6" md="4">
|
||||
<CCard
|
||||
header="<i class='fa fa-check'></i> Card with icon"
|
||||
:body="loremIpsum"
|
||||
:bodyHtml="loremIpsum"
|
||||
/>
|
||||
</CCol>
|
||||
<CCol sm="6" md="4">
|
||||
@@ -49,7 +49,7 @@
|
||||
Card with label
|
||||
<CBadge pill variant="danger" class="float-right">42</CBadge>
|
||||
</CCardHeader>
|
||||
<CCardBody :body="loremIpsum"/>
|
||||
<CCardBody :bodyHtml="loremIpsum"/>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow><!--/.row-->
|
||||
@@ -58,14 +58,14 @@
|
||||
<CCard
|
||||
header="Card outline primary"
|
||||
borderVariant="primary"
|
||||
:body="loremIpsum"
|
||||
:bodyHtml="loremIpsum"
|
||||
/>
|
||||
</CCol>
|
||||
<CCol sm="6" md="4">
|
||||
<CCard
|
||||
header="Card outline secondary"
|
||||
borderVariant="secondary"
|
||||
:body="loremIpsum"
|
||||
:bodyHtml="loremIpsum"
|
||||
/>
|
||||
</CCol>
|
||||
<CCol sm="6" md="4">
|
||||
@@ -78,17 +78,17 @@
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol sm="6" md="4">
|
||||
<CCard header="Card outline info" borderVariant="info" bodyWrapper>
|
||||
<CCard headerHtml="Card outline info" borderVariant="info" bodyWrapper>
|
||||
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.
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol sm="6" md="4">
|
||||
<CCard header="Card outline warning" borderVariant="warning" bodyWrapper>
|
||||
<CCard headerHtml="Card outline warning" borderVariant="warning" bodyWrapper>
|
||||
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.
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol sm="6" md="4">
|
||||
<CCard header="Card outline danger" borderVariant="danger" bodyWrapper>
|
||||
<CCard headerHtml="Card outline danger" borderVariant="danger" bodyWrapper>
|
||||
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.
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -190,27 +190,27 @@
|
||||
</CRow><!--/.row-->
|
||||
<CRow>
|
||||
<CCol sm="6" md="4">
|
||||
<CCard header="Card title" class="bg-primary" bodyWrapper>
|
||||
<CCard headerHtml="Card title" class="bg-primary" bodyWrapper>
|
||||
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.
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol sm="6" md="4">
|
||||
<CCard header="Card title" class="bg-success" bodyWrapper>
|
||||
<CCard headerHtml="Card title" class="bg-success" bodyWrapper>
|
||||
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.
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol sm="6" md="4">
|
||||
<CCard header="Card title" class="bg-info" bodyWrapper>
|
||||
<CCard headerHtml="Card title" class="bg-info" bodyWrapper>
|
||||
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.
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol sm="6" md="4">
|
||||
<CCard header="Card title" class="bg-warning" bodyWrapper>
|
||||
<CCard headerHtml="Card title" class="bg-warning" bodyWrapper>
|
||||
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.
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol sm="6" md="4">
|
||||
<CCard header="Card title" class="bg-danger" bodyWrapper>
|
||||
<CCard headerHtml="Card title" class="bg-danger" bodyWrapper>
|
||||
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.
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -244,7 +244,7 @@
|
||||
<CCol sm="6" md="4">
|
||||
<CCard >
|
||||
<CCardImg imgSrc="https://picsum.photos/600/300/?image=25"/>
|
||||
<CCardHeader header="Card title"/>
|
||||
<CCardHeader headerHtml="Card title"/>
|
||||
<CCardBody style="max-height:200px;overflow-y:auto">
|
||||
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.
|
||||
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.
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
Toggle Inner Collapse
|
||||
</CButton>
|
||||
<CCollapse toggler="collapse2" class="mt-2">
|
||||
<CCard>Hello!</CCard>
|
||||
<CCard bodyWrapper>Hello!</CCard>
|
||||
</CCollapse>
|
||||
</CCard>
|
||||
</CCollapse>
|
||||
|
||||
@@ -178,7 +178,7 @@
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<CCardGroup deck>
|
||||
<CCard header="<b>Card with list group</b>">
|
||||
<CCard headerHtml="<b>Card with list group</b>">
|
||||
<CListGroup>
|
||||
<CListGroupItem href="#">Cras justo odio</CListGroupItem>
|
||||
<CListGroupItem href="#">Dapibus ac facilisis in</CListGroupItem>
|
||||
|
||||
@@ -35,7 +35,7 @@
|
||||
content: 'I start <strong>open</strong>',
|
||||
active: true
|
||||
}"
|
||||
text="Hover me"
|
||||
textHtml="Hover me"
|
||||
/>
|
||||
</div>
|
||||
</CCol>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="animated fadeIn">
|
||||
<CRow>
|
||||
<CCol sm="12">
|
||||
<CCard header="CTable power presentation" bodyWrapper>
|
||||
<CCard headerHtml="CTable power presentation" bodyWrapper>
|
||||
<CTable :items="items.slice(0)"
|
||||
:fields="fields"
|
||||
:perPage="6"
|
||||
@@ -58,7 +58,7 @@
|
||||
</CRow>
|
||||
<!-- <CRow>
|
||||
<CCol sm="12">
|
||||
<CCard header="test2">
|
||||
<CCard headerHtml="test2">
|
||||
<CTable
|
||||
:items="items.slice(0)"
|
||||
:fields="fields"
|
||||
|
||||
@@ -8,21 +8,21 @@
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<CTabs addTabClasses="mt-1">
|
||||
<CTab title="Home" active>
|
||||
<CTab titleHtml="Home" active>
|
||||
1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
|
||||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
||||
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
|
||||
officia deserunt mollit anim id est laborum.
|
||||
</CTab>
|
||||
<CTab title="Profile" >
|
||||
<CTab titleHtml="Profile" >
|
||||
2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
|
||||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
||||
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
|
||||
officia deserunt mollit anim id est laborum.
|
||||
</CTab>
|
||||
<CTab title="Disabled" disabled>
|
||||
<CTab titleHtml="Disabled" disabled>
|
||||
3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
|
||||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
||||
@@ -43,21 +43,21 @@
|
||||
pills
|
||||
addNavClasses="mb-3"
|
||||
>
|
||||
<CTab title="Home" active>
|
||||
<CTab titleHtml="Home" active>
|
||||
1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
|
||||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
||||
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
|
||||
officia deserunt mollit anim id est laborum.
|
||||
</CTab>
|
||||
<CTab title="Profile" >
|
||||
<CTab titleHtml="Profile" >
|
||||
2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
|
||||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
||||
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
|
||||
officia deserunt mollit anim id est laborum.
|
||||
</CTab>
|
||||
<CTab title="Disabled" disabled>
|
||||
<CTab titleHtml="Disabled" disabled>
|
||||
3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
|
||||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
||||
|
||||
Reference in New Issue
Block a user