add core.js instead of core.min.js
Tuğçe Küçükoğlu
parent
d9f3bd325b
commit
9c24de2a41
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/accordion/accordion.min.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/accordiontab/accordiontab.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/autocomplete/autocomplete.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/avatar/avatar.min.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/avatargroup/avatargroup.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/badge/badge.min.js"></script>
|
||||
|
||||
</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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/badgedirective/badgedirective.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<p>When used as a directive, badge needs to be configured at the application with a name of your choice.</p>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/blockui/blockui.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/breadcrumb/breadcrumb.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>MenuModel</h5>
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ import Button from 'primevue/button';
|
|||
|
||||
<h5>Import via CDN</h5>
|
||||
<pre v-code><code>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.min.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/calendar/calendar.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/card/card.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/carousel/carousel.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/cascadeselect/cascadeselect.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/chart/chart.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Chart Types</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/checkbox/checkbox.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/chip/chip.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/chips/chips.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/colorpicker/colorpicker.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/confirmdialog/confirmdialog.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/confirmpopup/confirmpopup.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/contextmenu/contextmenu.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>MenuModel</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/column/column.min.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/columngroup/columngroup.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/dataview/dataview.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>PrimeFlex</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/deferredcontent/deferredcontent.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/divider/divider.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -6,8 +6,15 @@ import Dock from 'primevue/dock';
|
|||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
<p>Dock is a navigation component consisting of menuitems. It has a collection of additional options defined by the <i>model</i> property.</p>
|
||||
<h5>Import via CDN</h5>
|
||||
<pre v-code><code>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/slider/slider.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
<p>Dock is a navigation component consisting of menuitems. It has a collection of additional options defined by the <i>model</i> property.</p>
|
||||
|
||||
<pre v-code><code>
|
||||
<Dock :model="items" />
|
||||
|
|
@ -43,113 +50,113 @@ import Dock from 'primevue/dock';
|
|||
</template>
|
||||
</code></pre>
|
||||
|
||||
<h5>MenuModel API</h5>
|
||||
<p>Dock uses the common MenuModel API to define the items, visit <router-link to="/menumodel">MenuModel API</router-link> for details.</p>
|
||||
<h5>MenuModel API</h5>
|
||||
<p>Dock uses the common MenuModel API to define the items, visit <router-link to="/menumodel">MenuModel API</router-link> for details.</p>
|
||||
|
||||
<h5>Properties</h5>
|
||||
<p>Any property as style and class are passed to the main container element. Following are the additional properties to configure the component.</p>
|
||||
<div class="doc-tablewrapper">
|
||||
<table class="doc-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Type</th>
|
||||
<th>Default</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>model</td>
|
||||
<td>object</td>
|
||||
<td>null</td>
|
||||
<td>MenuModel instance to define the action items.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>position</td>
|
||||
<td>string</td>
|
||||
<td>bottom</td>
|
||||
<td>Position of element. Valid values are 'bottom', 'top', 'left' and 'right'.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>class</td>
|
||||
<td>string</td>
|
||||
<td>null</td>
|
||||
<td>Style class of the element.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>style</td>
|
||||
<td>object</td>
|
||||
<td>null</td>
|
||||
<td>Inline style of the element.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>exact</td>
|
||||
<td>boolean</td>
|
||||
<td>true</td>
|
||||
<td>Whether to apply 'router-link-active-exact' class if route exactly matches the item path.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>tooltipOptions</td>
|
||||
<td>object</td>
|
||||
<td>null</td>
|
||||
<td>Whether to display the tooltip on items. The modifiers of <router-link to="/tooltip">Tooltip</router-link> can be used like an object in it. Valid keys are 'event' and 'position'.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<h5>Properties</h5>
|
||||
<p>Any property as style and class are passed to the main container element. Following are the additional properties to configure the component.</p>
|
||||
<div class="doc-tablewrapper">
|
||||
<table class="doc-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Type</th>
|
||||
<th>Default</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>model</td>
|
||||
<td>object</td>
|
||||
<td>null</td>
|
||||
<td>MenuModel instance to define the action items.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>position</td>
|
||||
<td>string</td>
|
||||
<td>bottom</td>
|
||||
<td>Position of element. Valid values are 'bottom', 'top', 'left' and 'right'.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>class</td>
|
||||
<td>string</td>
|
||||
<td>null</td>
|
||||
<td>Style class of the element.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>style</td>
|
||||
<td>object</td>
|
||||
<td>null</td>
|
||||
<td>Inline style of the element.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>exact</td>
|
||||
<td>boolean</td>
|
||||
<td>true</td>
|
||||
<td>Whether to apply 'router-link-active-exact' class if route exactly matches the item path.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>tooltipOptions</td>
|
||||
<td>object</td>
|
||||
<td>null</td>
|
||||
<td>Whether to display the tooltip on items. The modifiers of <router-link to="/tooltip">Tooltip</router-link> can be used like an object in it. Valid keys are 'event' and 'position'.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h5>Styling</h5>
|
||||
<p>Following is the list of structural style classes, for theming classes visit <router-link to="/theming">theming</router-link> page.</p>
|
||||
<div class="doc-tablewrapper">
|
||||
<table class="doc-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Element</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>p-dock</td>
|
||||
<td>Container element.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>p-dock-list</td>
|
||||
<td>List of items.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>p-dock-item</td>
|
||||
<td>Each items in list.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<h5>Styling</h5>
|
||||
<p>Following is the list of structural style classes, for theming classes visit <router-link to="/theming">theming</router-link> page.</p>
|
||||
<div class="doc-tablewrapper">
|
||||
<table class="doc-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Element</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>p-dock</td>
|
||||
<td>Container element.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>p-dock-list</td>
|
||||
<td>List of items.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>p-dock-item</td>
|
||||
<td>Each items in list.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h5>Slots</h5>
|
||||
<div class="doc-tablewrapper">
|
||||
<table class=doc-table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Parameters</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>item</td>
|
||||
<td>item: Custom content for item</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>icon</td>
|
||||
<td>item: Custom content for icon</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<h5>Slots</h5>
|
||||
<div class="doc-tablewrapper">
|
||||
<table class=doc-table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Parameters</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>item</td>
|
||||
<td>item: Custom content for item</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>icon</td>
|
||||
<td>item: Custom content for icon</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h5>Dependencies</h5>
|
||||
<p>None.</p>
|
||||
<h5>Dependencies</h5>
|
||||
<p>None.</p>
|
||||
|
||||
</AppDoc>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/editor/editor.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/fieldset/fieldset.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/fileupload/fileupload.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -4,22 +4,28 @@
|
|||
<pre v-code.script><code>
|
||||
import {FilterService} from 'primevue/api';
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Import via CDN</h5>
|
||||
<pre v-code><code>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
|
||||
</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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/galleria/galleria.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/image/image.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -6,8 +6,15 @@ import Inplace from 'primevue/inplace';
|
|||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
<p>Inplace requires <i>display</i> and <i>content</i> templates to define the content of each state.</p>
|
||||
<h5>Import via CDN</h5>
|
||||
<pre v-code><code>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/inplace/inplace.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
<p>Inplace requires <i>display</i> and <i>content</i> templates to define the content of each state.</p>
|
||||
|
||||
<pre v-code><code><template v-pre>
|
||||
<Inplace>
|
||||
|
|
@ -22,8 +29,8 @@ import Inplace from 'primevue/inplace';
|
|||
</template>
|
||||
</code></pre>
|
||||
|
||||
<h5>Closable</h5>
|
||||
<p><i>closable</i> property is handy within forms as it enables to switch back to output mode after editing is completed using a button displayed next to the form field.</p>
|
||||
<h5>Closable</h5>
|
||||
<p><i>closable</i> property is handy within forms as it enables to switch back to output mode after editing is completed using a button displayed next to the form field.</p>
|
||||
<pre v-code><code><template v-pre>
|
||||
<Inplace :closable="true">
|
||||
<template #display>
|
||||
|
|
@ -36,8 +43,8 @@ import Inplace from 'primevue/inplace';
|
|||
</template>
|
||||
</code></pre>
|
||||
|
||||
<h5>Lazy Data</h5>
|
||||
<p>Inplace allows lazy loading content so that the content gets initialized after getting opened instead of on load. Here is an example that loads, data of a table if the user decides to open the inplace.</p>
|
||||
<h5>Lazy Data</h5>
|
||||
<p>Inplace allows lazy loading content so that the content gets initialized after getting opened instead of on load. Here is an example that loads, data of a table if the user decides to open the inplace.</p>
|
||||
<pre v-code><code><template v-pre>
|
||||
<Inplace @open="loadData">
|
||||
<template #display>
|
||||
|
|
@ -77,117 +84,117 @@ export default {
|
|||
|
||||
</code></pre>
|
||||
|
||||
<h5>Properties</h5>
|
||||
<p>Any property as style and class are passed to the main container element. Following are the additional properties to configure the component.</p>
|
||||
<div class="doc-tablewrapper">
|
||||
<table class="doc-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Type</th>
|
||||
<th>Default</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>active</td>
|
||||
<td>boolean</td>
|
||||
<td>false</td>
|
||||
<td>Whether the content is displayed or not.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>closable</td>
|
||||
<td>boolean</td>
|
||||
<td>false</td>
|
||||
<td>Displays a button to switch back to display mode.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>disabled</td>
|
||||
<td>boolean</td>
|
||||
<td>false</td>
|
||||
<td>When present, it specifies that the element should be disabled.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<h5>Properties</h5>
|
||||
<p>Any property as style and class are passed to the main container element. Following are the additional properties to configure the component.</p>
|
||||
<div class="doc-tablewrapper">
|
||||
<table class="doc-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Type</th>
|
||||
<th>Default</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>active</td>
|
||||
<td>boolean</td>
|
||||
<td>false</td>
|
||||
<td>Whether the content is displayed or not.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>closable</td>
|
||||
<td>boolean</td>
|
||||
<td>false</td>
|
||||
<td>Displays a button to switch back to display mode.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>disabled</td>
|
||||
<td>boolean</td>
|
||||
<td>false</td>
|
||||
<td>When present, it specifies that the element should be disabled.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h5>Events</h5>
|
||||
<div class="doc-tablewrapper">
|
||||
<table class="doc-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Parameters</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>open</td>
|
||||
<td>event: browser event </td>
|
||||
<td>Callback to invoke when inplace is opened.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>close</td>
|
||||
<td>event: browser event </td>
|
||||
<td>Callback to invoke when inplace is closed.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<h5>Events</h5>
|
||||
<div class="doc-tablewrapper">
|
||||
<table class="doc-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Parameters</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>open</td>
|
||||
<td>event: browser event </td>
|
||||
<td>Callback to invoke when inplace is opened.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>close</td>
|
||||
<td>event: browser event </td>
|
||||
<td>Callback to invoke when inplace is closed.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h5>Slots</h5>
|
||||
<div class="doc-tablewrapper">
|
||||
<table class="doc-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Parameters</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>display</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>content</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<h5>Slots</h5>
|
||||
<div class="doc-tablewrapper">
|
||||
<table class="doc-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Parameters</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>display</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>content</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h5>Styling</h5>
|
||||
<p>Following is the list of structural style classes, for theming classes visit <router-link to="/theming">theming</router-link> page.</p>
|
||||
<div class="doc-tablewrapper">
|
||||
<table class="doc-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Element</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>p-inplace</td>
|
||||
<td>Container element</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>p-inplace-display</td>
|
||||
<td>Display container</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>p-inplace-content</td>
|
||||
<td>Content container</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<h5>Styling</h5>
|
||||
<p>Following is the list of structural style classes, for theming classes visit <router-link to="/theming">theming</router-link> page.</p>
|
||||
<div class="doc-tablewrapper">
|
||||
<table class="doc-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Element</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>p-inplace</td>
|
||||
<td>Container element</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>p-inplace-display</td>
|
||||
<td>Display container</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>p-inplace-content</td>
|
||||
<td>Content container</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h5>Dependencies</h5>
|
||||
<p>None.</p>
|
||||
<h5>Dependencies</h5>
|
||||
<p>None.</p>
|
||||
</AppDoc>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/inputmask/inputmask.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
|
||||
</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">
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/inputswitch/inputswitch.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
|
||||
</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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/knob/knob.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/listbox/listbox.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/megamenu/megamenu.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>MenuModel</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>MenuModel</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/menubar/menubar.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>MenuModel</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
|
||||
</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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/multiselect/multiselect.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/orderlist/orderlist.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/organizationchart/organizationchart.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/overlaypanel/overlaypanel.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
|
||||
</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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/panel/panel.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/panelmenu/panelmenu.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>MenuModel</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/password/password.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/picklist/picklist.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
|
||||
</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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/progressspinner/progressspinner.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/radiobutton/radiobutton.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/rating/rating.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/scrollpanel/scrollpanel.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/scrolltop/scrolltop.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/selectbutton/selectbutton.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -87,7 +87,7 @@ import Dialog from 'primevue/dialog/sfc';
|
|||
<link href="https://unpkg.com/primeicons/primeicons.css" rel="stylesheet">
|
||||
|
||||
<script src="https://unpkg.com/vue@next"></script>
|
||||
<script src="https://unpkg.com/primevue/core/core.min.js"></script>
|
||||
<script src="https://unpkg.com/primevue/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue/slider/slider.min.js"></script>
|
||||
</head>
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/sidebar/sidebar.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/skeleton/skeleton.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ import Slider from 'primevue/slider';
|
|||
|
||||
<h5>Import via CDN</h5>
|
||||
<pre v-code><code>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.min.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/slider/slider.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/speeddial/speeddial.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/splitbutton/splitbutton.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/splitter/splitter.min.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/splitterpanel/splitterpanel.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/steps/steps.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>MenuModel</h5>
|
||||
|
|
|
|||
|
|
@ -6,6 +6,13 @@ import StyleClass from 'primevue/styleclass';
|
|||
|
||||
app.directive('styleclass', StyleClass);
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Import via CDN</h5>
|
||||
<pre v-code><code>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/styleclass/styleclass.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/tabmenu/tabmenu.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>MenuModel</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/tabview/tabview.min.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/tabpanel/tabpanel.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/tag/tag.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/terminal/terminal.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/textarea/textarea.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
|
||||
</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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/timeline/timeline.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/toast/toast.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/togglebutton/togglebutton.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/toolbar/toolbar.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -7,6 +7,13 @@ import Tooltip from 'primevue/tooltip';
|
|||
|
||||
app.directive('tooltip', Tooltip);
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Import via CDN</h5>
|
||||
<pre v-code><code>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/tooltip/tooltip.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<p>Tooltip can also be configured locally using the directives property of your component.</p>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/treeselect/treeselect.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/treetable/treetable.min.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/column/column.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
<script src="https://unpkg.com/primevue@^3/tristatecheckbox/tristatecheckbox.min.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<script src="https://unpkg.com/primevue@^3/core/core.js"></script>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Getting Started</h5>
|
||||
|
|
|
|||
Loading…
Reference in New Issue