Rename to overlay badge
parent
1ff84519e4
commit
8ef7320a86
|
@ -11,7 +11,7 @@ export default {
|
||||||
basic: `
|
basic: `
|
||||||
// import as component
|
// import as component
|
||||||
import Badge from 'primevue/badge';
|
import Badge from 'primevue/badge';
|
||||||
import OverlayBadge from 'primevue/overlaybadge'; // optional
|
import OverlayBadge from 'primevue/overlaybadge';
|
||||||
`
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText v-bind="$attrs">
|
<DocSectionText v-bind="$attrs">
|
||||||
<p>A Badge can be added to any element using the directive.</p>
|
<p>A badge can be added to any element by encapsulating the content with the <i>OverlayBadge</i> component.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="card flex flex-wrap justify-center gap-6">
|
<div class="card flex flex-wrap justify-center gap-6">
|
||||||
<OverlayBadge value="2">
|
<OverlayBadge value="2">
|
|
@ -7,7 +7,7 @@ import AccessibilityDoc from '@/doc/badge/AccessibilityDoc.vue';
|
||||||
import BasicDoc from '@/doc/badge/BasicDoc.vue';
|
import BasicDoc from '@/doc/badge/BasicDoc.vue';
|
||||||
import ButtonDoc from '@/doc/badge/ButtonDoc.vue';
|
import ButtonDoc from '@/doc/badge/ButtonDoc.vue';
|
||||||
import ImportDoc from '@/doc/badge/ImportDoc.vue';
|
import ImportDoc from '@/doc/badge/ImportDoc.vue';
|
||||||
import PositionDoc from '@/doc/badge/PositionDoc.vue';
|
import OverlayDoc from '@/doc/badge/OverlayDoc.vue';
|
||||||
import SeverityDoc from '@/doc/badge/SeverityDoc.vue';
|
import SeverityDoc from '@/doc/badge/SeverityDoc.vue';
|
||||||
import SizeDoc from '@/doc/badge/SizeDoc.vue';
|
import SizeDoc from '@/doc/badge/SizeDoc.vue';
|
||||||
import PTComponent from '@/doc/badge/pt/index.vue';
|
import PTComponent from '@/doc/badge/pt/index.vue';
|
||||||
|
@ -38,9 +38,9 @@ export default {
|
||||||
component: SizeDoc
|
component: SizeDoc
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'positioned',
|
id: 'overlay',
|
||||||
label: 'Position',
|
label: 'Overlay',
|
||||||
component: PositionDoc
|
component: OverlayDoc
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'button',
|
id: 'button',
|
||||||
|
|
Loading…
Reference in New Issue