add core.js instead of core.min.js

pull/1670/head
Tuğçe Küçükoğlu 2021-10-13 17:35:09 +03:00
parent d9f3bd325b
commit 9c24de2a41
84 changed files with 798 additions and 235 deletions

View File

@ -5,6 +5,14 @@
import Accordion from 'primevue/accordion';
import AccordionTab from 'primevue/accordiontab';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/accordion/accordion.min.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/accordiontab/accordiontab.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import AutoComplete from 'primevue/autocomplete';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/autocomplete/autocomplete.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -5,6 +5,14 @@
import Avatar from 'primevue/avatar';
import AvatarGroup from 'primevue/avatargroup';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/avatar/avatar.min.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/avatargroup/avatargroup.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -7,6 +7,13 @@
<pre v-code.script><code>
import Badge from 'primevue/badge';
</code></pre>
<h6>Import via CDN</h6>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/badge/badge.min.js"&gt;&lt;/script&gt;
</code></pre>
<p>Content of the badge is specified using the <i>value</i> property.</p>
@ -19,6 +26,13 @@ import Badge from 'primevue/badge';
<pre v-code.script><code>
import BadgeDirective from 'primevue/badgedirective';
</code></pre>
<h6>Import via CDN</h6>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/badgedirective/badgedirective.min.js"&gt;&lt;/script&gt;
</code></pre>
<p>When used as a directive, badge needs to be configured at the application with a name of your choice.</p>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import BlockUI from 'primevue/blockui';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/blockui/blockui.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Breadcrumb from 'primevue/breadcrumb';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/breadcrumb/breadcrumb.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>MenuModel</h5>

View File

@ -8,7 +8,7 @@ import Button from 'primevue/button';
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.min.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
</code></pre>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Calendar from 'primevue/calendar';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/calendar/calendar.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Card from 'primevue/card';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/card/card.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Carousel from 'primevue/carousel';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/carousel/carousel.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import CascadeSelect from 'primevue/cascadeselect';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/cascadeselect/cascadeselect.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -15,6 +15,13 @@ npm install chart.js --save
<pre v-code.script><code>
import Chart from 'primevue/chart';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/chart/chart.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Chart Types</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Checkbox from 'primevue/checkbox';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/checkbox/checkbox.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Chip from 'primevue/chip';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/chip/chip.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Chips from 'primevue/chips';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/chips/chips.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import ColorPicker from 'primevue/colorpicker';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/colorpicker/colorpicker.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -16,6 +16,13 @@ app.use(ConfirmationService);
<pre v-code.script><code>
import ConfirmDialog from 'primevue/confirmdialog';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/confirmdialog/confirmdialog.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -16,6 +16,13 @@ app.use(ConfirmationService);
<pre v-code.script><code>
import ConfirmPopup from 'primevue/confirmpopup';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/confirmpopup/confirmpopup.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import ContextMenu from 'primevue/contextmenu';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/contextmenu/contextmenu.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>MenuModel</h5>

View File

@ -7,6 +7,15 @@ import DataTable from 'primevue/datatable';
import Column from 'primevue/column';
import ColumnGroup from 'primevue/columngroup'; //optional for column grouping
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/column/column.min.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/columngroup/columngroup.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -5,6 +5,13 @@
<pre v-code.script><code>
import DataView from 'primevue/dataview';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/dataview/dataview.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>PrimeFlex</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import DeferredContent from 'primevue/deferredcontent';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/deferredcontent/deferredcontent.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,12 @@
<pre v-code.script><code>
import Dialog from 'primevue/dialog';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Divider from 'primevue/divider';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/divider/divider.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Dock from 'primevue/dock';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/slider/slider.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,12 @@
<pre v-code.script><code>
import Dropdown from 'primevue/dropdown';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Editor from 'primevue/editor';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/editor/editor.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Fieldset from 'primevue/fieldset';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/fieldset/fieldset.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import FileUpload from 'primevue/fileupload';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/fileupload/fileupload.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,22 +4,28 @@
<pre v-code.script><code>
import &#123;FilterService&#125; from 'primevue/api';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>
<p>Filters are accessed with <i>FilterService.filters</i>.</p>
<pre v-code.script><code>
const value = 'PrimeNG';
const value = 'PrimeVue';
FilterService.filters.equals(value, 'NG'); //false
FilterService.filters.equals(value, 'Vue'); //false
FilterService.filters.equals(value, 8); //false
FilterService.filters.equals(value, new Date()); //false
FilterService.filters.contains(value, 'NG'); //true
FilterService.filters.startsWith(value, 'NG'); //false
FilterService.filters.endsWith(value, 'NG'); //true
FilterService.filters.contains(value, 'Vue'); //true
FilterService.filters.startsWith(value, 'Vue'); //false
FilterService.filters.endsWith(value, 'Vue'); //true
FilterService.filters.lt(10, 20); //true
FilterService.filters.gt(50, 20); //true
FilterService.filters.in(value, ['PrimeFaces', 'PrimeNG']); //true
FilterService.filters.in(value, ['PrimeFaces', 'PrimeVue']); //true
</code></pre>

View File

@ -6,6 +6,13 @@
<pre v-code.script><code>
import Galleria from 'primevue/galleria';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/galleria/galleria.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Image from 'primevue/image';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/image/image.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Inplace from 'primevue/inplace';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/inplace/inplace.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import InputMask from 'primevue/inputmask';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/inputmask/inputmask.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,12 @@
<pre v-code.script><code>
import InputNumber from 'primevue/inputnumber';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>
@ -676,7 +682,6 @@ export default {
},
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@version/inputnumber/inputnumber.min.js"><\\/script>`,
content: `<div id="app">
<h5>Numerals</h5>
<div class="p-fluid p-grid p-formgrid">

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import InputSwitch from 'primevue/inputswitch';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/inputswitch/inputswitch.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,12 @@
<pre v-code.script><code>
import InputText from 'primevue/inputtext';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>
@ -320,7 +326,6 @@ export default {
},
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@version/inputtext/inputtext.min.js"><\\/script>`,
content: `<div id="app">
<div class="card">
<h5>Basic</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Knob from 'primevue/knob';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/knob/knob.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Listbox from 'primevue/listbox';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/listbox/listbox.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import MegaMenu from 'primevue/megamenu';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/megamenu/megamenu.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>MenuModel</h5>

View File

@ -4,6 +4,12 @@
<pre v-code.script><code>
import Menu from 'primevue/menu';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
</code></pre>
<h5>MenuModel</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Menubar from 'primevue/menubar';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/menubar/menubar.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>MenuModel</h5>

View File

@ -4,6 +4,12 @@
<pre v-code.script><code>
import Message from 'primevue/message';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>
@ -419,8 +425,7 @@ button.p-button {
},
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/message/message.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/inlinemessage/inlinemessage.min.js"><\\/script>`,
imports: `<script src="https://unpkg.com/primevue@^3/inlinemessage/inlinemessage.min.js"><\\/script>`,
content: `<div id="app">
<h5>Severities</h5>
<p-message severity="success">Success Message Content</p-message>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import MultiSelect from 'primevue/multiselect';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/multiselect/multiselect.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import OrderList from 'primevue/orderlist';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/orderlist/orderlist.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import OrganizationChart from 'primevue/organizationchart';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/organizationchart/organizationchart.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import OverlayPanel from 'primevue/overlaypanel';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/overlaypanel/overlaypanel.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,12 @@
<pre v-code.script><code>
import Paginator from 'primevue/paginator';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>
@ -383,7 +389,6 @@ export default {
},
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/paginator/paginator.min.js"><\\/script>`,
content: `<div id="app">
<h5>Basic</h5>
<p-paginator :rows="10" :total-records="totalRecords" :rows-per-page-options="[10,20,30]"></p-paginator>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Panel from 'primevue/panel';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/panel/panel.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import PanelMenu from 'primevue/panelmenu';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/panelmenu/panelmenu.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>MenuModel</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Password from 'primevue/password';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/password/password.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import PickList from 'primevue/picklist';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/picklist/picklist.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,12 @@
<pre v-code.script><code>
import ProgressBar from 'primevue/progressbar';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>
@ -220,7 +226,6 @@ export default {
},
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/progressbar/progressbar.min.js"><\\/script>`,
content: `<div id="app">
<h5>Dynamic</h5>
<p-progressbar :value="value1"></p-progressbar>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import ProgressSpinner from 'primevue/progressspinner';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/progressspinner/progressspinner.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import RadioButton from 'primevue/radiobutton';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/radiobutton/radiobutton.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Rating from 'primevue/rating';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/rating/rating.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import ScrollPanel from 'primevue/scrollpanel';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/scrollpanel/scrollpanel.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import ScrollTop from 'primevue/scrolltop';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/scrolltop/scrolltop.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import SelectButton from 'primevue/selectbutton';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/selectbutton/selectbutton.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -87,7 +87,7 @@ import Dialog from 'primevue/dialog/sfc';
&lt;link href="https://unpkg.com/primeicons/primeicons.css" rel="stylesheet"&gt;
&lt;script src="https://unpkg.com/vue@next"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue/core/core.min.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue/slider/slider.min.js"&gt;&lt;/script&gt;
&lt;/head&gt;

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Sidebar from 'primevue/sidebar';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/sidebar/sidebar.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Skeleton from 'primevue/skeleton';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/skeleton/skeleton.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -8,7 +8,7 @@ import Slider from 'primevue/slider';
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.min.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/slider/slider.min.js"&gt;&lt;/script&gt;
</code></pre>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import SpeedDial from 'primevue/speeddial';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/speeddial/speeddial.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import SplitButton from 'primevue/splitbutton';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/splitbutton/splitbutton.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -5,6 +5,14 @@
import Splitter from 'primevue/splitter';
import SplitterPanel from 'primevue/splitterpanel';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/splitter/splitter.min.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/splitterpanel/splitterpanel.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Steps from 'primevue/steps';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/steps/steps.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>MenuModel</h5>

View File

@ -6,6 +6,13 @@ import StyleClass from 'primevue/styleclass';
app.directive('styleclass', StyleClass);
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/styleclass/styleclass.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import TabMenu from 'primevue/tabmenu';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/tabmenu/tabmenu.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>MenuModel</h5>

View File

@ -5,6 +5,14 @@
import TabView from 'primevue/tabview';
import TabPanel from 'primevue/tabpanel';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/tabview/tabview.min.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/tabpanel/tabpanel.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Tag from 'primevue/tag';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/tag/tag.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -5,6 +5,13 @@
import Terminal from 'primevue/terminal';
import TerminalService from 'primevue/terminalservice';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/terminal/terminal.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Textarea from 'primevue/textarea';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/textarea/textarea.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,12 @@
<pre v-code.script><code>
import TieredMenu from 'primevue/tieredmenu';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
</code></pre>
<h5>MenuModel</h5>
@ -665,8 +671,7 @@ export default {
},
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/vue-router@4.0.0/dist/vue-router.global.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/tieredmenu/tieredmenu.min.js"><\\/script>`,
imports: `<script src="https://unpkg.com/vue-router@4.0.0/dist/vue-router.global.js"><\\/script>`,
content: `<div id="app">
<h5>Inline</h5>
<p-tieredmenu :model="items"></p-tieredmenu>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Timeline from 'primevue/timeline';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/timeline/timeline.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -16,6 +16,13 @@ app.use(ToastService);
<pre v-code.script><code>
import Toast from 'primevue/toast';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/toast/toast.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import ToggleButton from 'primevue/togglebutton';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/togglebutton/togglebutton.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import Toolbar from 'primevue/toolbar';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/toolbar/toolbar.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -7,6 +7,13 @@ import Tooltip from 'primevue/tooltip';
app.directive('tooltip', Tooltip);
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/tooltip/tooltip.min.js"&gt;&lt;/script&gt;
</code></pre>
<p>Tooltip can also be configured locally using the directives property of your component.</p>

View File

@ -4,6 +4,12 @@
<pre v-code.script><code>
import Tree from 'primevue/tree';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import TreeSelect from 'primevue/treeselect';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/treeselect/treeselect.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -5,6 +5,14 @@
import TreeTable from 'primevue/treetable';
import Column from 'primevue/column';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/treetable/treetable.min.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/column/column.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,13 @@
<pre v-code.script><code>
import TriStateCheckbox from 'primevue/tristatecheckbox';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/primevue@^3/tristatecheckbox/tristatecheckbox.min.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>

View File

@ -4,6 +4,12 @@
<pre v-code.script><code>
import VirtualScroller from 'primevue/virtualscroller';
</code></pre>
<h5>Import via CDN</h5>
<pre v-code><code>
&lt;script src="https://unpkg.com/primevue@^3/core/core.js"&gt;&lt;/script&gt;
</code></pre>
<h5>Getting Started</h5>