Fixed #982 - Constants for icons
Cagatay Civici
parent
ea527d407f
commit
f30836c189
|
|
@ -1,5 +1,6 @@
|
||||||
import FilterMatchMode from './FilterMatchMode';
|
import FilterMatchMode from './FilterMatchMode';
|
||||||
import FilterOperator from './FilterOperator';
|
import FilterOperator from './FilterOperator';
|
||||||
import FilterService from './FilterService';
|
import FilterService from './FilterService';
|
||||||
|
import PrimeIcons from './PrimeIcons';
|
||||||
|
|
||||||
export {FilterMatchMode,FilterOperator,FilterService};
|
export {FilterMatchMode,FilterOperator,FilterService,PrimeIcons};
|
||||||
|
|
@ -0,0 +1,206 @@
|
||||||
|
const PrimeIcons = {
|
||||||
|
ALIGN_CENTER:'pi pi-align-center',
|
||||||
|
ALIGN_JUSTIFY:'pi pi-align-justify',
|
||||||
|
ALIGN_LEFT:'pi pi-align-left',
|
||||||
|
ALIGN_RIGHT:'pi pi-align-right',
|
||||||
|
AMAZON:'pi pi-amazon',
|
||||||
|
ANDROID:'pi pi-android',
|
||||||
|
ANGLE_DOUBLE_DOWN:'pi pi-angle-double-down',
|
||||||
|
ANGLE_DOUBLE_LEFT:'pi pi-angle-double-left',
|
||||||
|
ANGLE_DOUBLE_RIGHT:'pi pi-angle-double-right',
|
||||||
|
ANGLE_DOUBLE_UP:'pi pi-angle-double-up',
|
||||||
|
ANGLE_DOWN:'pi pi-angle-down',
|
||||||
|
ANGLE_LEFT:'pi pi-angle-left',
|
||||||
|
ANGLE_RIGHT:'pi pi-angle-right',
|
||||||
|
ANGLE_UP:'pi pi-angle-up',
|
||||||
|
APPLE:'pi pi-apple',
|
||||||
|
ARROW_CIRCLE_DOWN:'pi pi-arrow-circle-down',
|
||||||
|
ARROW_CIRCLE_LEFT:'pi pi-arrow-circle-left',
|
||||||
|
ARROW_CIRCLE_RIGHT:'pi pi-arrow-circle-right',
|
||||||
|
ARROW_CIRCLE_UP:'pi pi-arrow-circle-up',
|
||||||
|
ARROW_DOWN:'pi pi-arrow-down',
|
||||||
|
ARROW_LEFT:'pi pi-arrow-left',
|
||||||
|
ARROW_RIGHT:'pi pi-arrow-right',
|
||||||
|
ARROW_UP:'pi pi-arrow-up',
|
||||||
|
BACKWARD:'pi pi-backward',
|
||||||
|
BAN:'pi pi-ban',
|
||||||
|
BARS:'pi pi-bars',
|
||||||
|
BELL:'pi pi-bell',
|
||||||
|
BOOK:'pi pi-book',
|
||||||
|
BOOKMARK:'pi pi-bookmark',
|
||||||
|
BRIEFCASE:'pi pi-briefcase',
|
||||||
|
CALENDAR_MINUS:'pi pi-calendar-minus',
|
||||||
|
CALENDAR_PLUS:'pi pi-calendar-plus',
|
||||||
|
CALENDAR_TIMES:'pi pi-calendar-times',
|
||||||
|
CALENDAR:'pi pi-calendar',
|
||||||
|
CAMERA:'pi pi-camera',
|
||||||
|
CARET_DOWN:'pi pi-caret-down',
|
||||||
|
CARET_LEFT:'pi pi-caret-left',
|
||||||
|
CARET_RIGHT:'pi pi-caret-right',
|
||||||
|
CARET_UP:'pi pi-caret-up',
|
||||||
|
CHART_BAR:'pi pi-chart-bar',
|
||||||
|
CHART_LINE:'pi pi-chart-line',
|
||||||
|
CHECK_CIRCLE:'pi pi-check-circle',
|
||||||
|
CHECK_SQUARE:'pi pi-check-square',
|
||||||
|
CHECK:'pi pi-check',
|
||||||
|
CHEVRON_CIRCLE_DOWN:'pi pi-chevron-circle-down',
|
||||||
|
CHEVRON_CIRCLE_LEFT:'pi pi-chevron-circle-left',
|
||||||
|
CHEVRON_CIRCLE_RIGHT:'pi pi-chevron-circle-right',
|
||||||
|
CHEVRON_CIRCLE_UP:'pi pi-chevron-circle-up',
|
||||||
|
CHEVRON_DOWN:'pi pi-chevron-down',
|
||||||
|
CHEVRON_LEFT:'pi pi-chevron-left',
|
||||||
|
CHEVRON_RIGHT:'pi pi-chevron-right',
|
||||||
|
CHEVRON_UP:'pi pi-chevron-up',
|
||||||
|
CLOCK:'pi pi-clock',
|
||||||
|
CLONE:'pi pi-clone',
|
||||||
|
CLOUD_DOWNLOAD:'pi pi-cloud-download',
|
||||||
|
CLOUD_UPLOAD:'pi pi-cloud-upload',
|
||||||
|
CLOUD:'pi pi-cloud',
|
||||||
|
COG:'pi pi-cog',
|
||||||
|
COMMENT:'pi pi-comment',
|
||||||
|
COMMENTS:'pi pi-comments',
|
||||||
|
COMPASS:'pi pi-compass',
|
||||||
|
COPY:'pi pi-copy',
|
||||||
|
CREDIT_CARD:'pi pi-credit-card',
|
||||||
|
DESKTOP:'pi pi-desktop',
|
||||||
|
DISCORD:'pi pi-discord',
|
||||||
|
DIRECTIONS_ALT:'pi pi-directions-alt',
|
||||||
|
DIRECTIONS:'pi pi-directions',
|
||||||
|
DOLLAR:'pi pi-dollar',
|
||||||
|
DOWNLOAD:'pi pi-download',
|
||||||
|
EJECT:'pi pi-eject',
|
||||||
|
ELLIPSIS_H:'pi pi-ellipsis-h',
|
||||||
|
ELLIPSIS_V:'pi pi-ellipsis-v',
|
||||||
|
ENVELOPE:'pi pi-envelope',
|
||||||
|
EXCLAMATION_CIRCLE:'pi pi-exclamation-circle',
|
||||||
|
EXCLAMATION_TRIANGLE :'pi pi-exclamation-triangle ',
|
||||||
|
EXTERNAL_LINK:'pi pi-external-link',
|
||||||
|
EYE_SLASH:'pi pi-eye-slash',
|
||||||
|
EYE:'pi pi-eye',
|
||||||
|
FACEBOOK:'pi pi-facebook',
|
||||||
|
FAST_BACKWARD:'pi pi-fast-backward',
|
||||||
|
FAST_FORWARD:'pi pi-fast-forward',
|
||||||
|
FILE_EXCEL:'pi pi-file-excel',
|
||||||
|
FILE_O:'pi pi-file-o',
|
||||||
|
FILE_PDF:'pi pi-file-pdf',
|
||||||
|
FILE:'pi pi-file',
|
||||||
|
FILTER:'pi pi-filter',
|
||||||
|
FILTER_SLASH:'pi pi-filter-slash',
|
||||||
|
FLAG:'pi pi-flag',
|
||||||
|
FOLDER_OPEN:'pi pi-folder-open',
|
||||||
|
FOLDER:'pi pi-folder',
|
||||||
|
FORWARD:'pi pi-forward',
|
||||||
|
GITHUB:'pi pi-github',
|
||||||
|
GLOBE:'pi pi-globe',
|
||||||
|
GOOGLE:'pi pi-google',
|
||||||
|
HEART:'pi pi-heart',
|
||||||
|
HOME:'pi pi-home',
|
||||||
|
ID_CARD:'pi pi-id-card',
|
||||||
|
IMAGE:'pi pi-image',
|
||||||
|
IMAGES:'pi pi-images',
|
||||||
|
INBOX:'pi pi-inbox',
|
||||||
|
INFO_CIRCLE:'pi pi-info-circle',
|
||||||
|
INFO:'pi pi-info',
|
||||||
|
KEY:'pi pi-key',
|
||||||
|
LINK:'pi pi-link',
|
||||||
|
LIST:'pi pi-list',
|
||||||
|
LOCK_OPEN:'pi pi-lock-open',
|
||||||
|
LOCK:'pi pi-lock',
|
||||||
|
MAP:'pi pi-map',
|
||||||
|
MAP_MARKER:'pi pi-map-marker',
|
||||||
|
MICROSOFT:'pi pi-microsoft',
|
||||||
|
MINUS_CIRCLE:'pi pi-minus-circle',
|
||||||
|
MINUS:'pi pi-minus',
|
||||||
|
MOBILE:'pi pi-mobile',
|
||||||
|
MONEY_BILL:'pi pi-money-bill',
|
||||||
|
MOON:'pi pi-moon',
|
||||||
|
PALETTE:'pi pi-palette',
|
||||||
|
PAPERCLIP:'pi pi-paperclip',
|
||||||
|
PAUSE:'pi pi-pause',
|
||||||
|
PAYPAL:'pi pi-paypal',
|
||||||
|
PENCIL:'pi pi-pencil',
|
||||||
|
PERCENTAGE:'pi pi-percentage',
|
||||||
|
PHONE:'pi pi-phone',
|
||||||
|
PLAY:'pi pi-play',
|
||||||
|
PLUS_CIRCLE:'pi pi-plus-circle',
|
||||||
|
PLUS:'pi pi-plus',
|
||||||
|
POWER_OFF:'pi pi-power-off',
|
||||||
|
PRINT:'pi pi-print',
|
||||||
|
QUESTION_CIRCLE:'pi pi-question-circle',
|
||||||
|
QUESTION:'pi pi-question',
|
||||||
|
RADIO_OFF:'pi pi-radio-off',
|
||||||
|
RADIO_ON:'pi pi-radio-on',
|
||||||
|
REFRESH:'pi pi-refresh',
|
||||||
|
REPLAY:'pi pi-replay',
|
||||||
|
REPLY:'pi pi-reply',
|
||||||
|
SAVE:'pi pi-save',
|
||||||
|
SEARCH_MINUS:'pi pi-search-minus',
|
||||||
|
SEARCH_PLUS:'pi pi-search-plus',
|
||||||
|
SEARCH:'pi pi-search',
|
||||||
|
SEND:'pi pi-send',
|
||||||
|
SHARE_ALT:'pi pi-share-alt',
|
||||||
|
SHIELD:'pi pi-shield',
|
||||||
|
SHOPPING_CART:'pi pi-shopping-cart',
|
||||||
|
SIGN_IN:'pi pi-sign-in',
|
||||||
|
SIGN_OUT:'pi pi-sign-out',
|
||||||
|
SITEMAP:'pi pi-sitemap',
|
||||||
|
SLACK:'pi pi-slack',
|
||||||
|
SLIDERS_H:'pi pi-sliders-h',
|
||||||
|
SLIDERS_V:'pi pi-sliders-v',
|
||||||
|
SORT_ALPHA_ALT_DOWN:'pi pi-sort-alpha-alt-down',
|
||||||
|
SORT_ALPHA_ALT_UP:'pi pi-sort-alpha-alt-up',
|
||||||
|
SORT_ALPHA_DOWN:'pi pi-sort-alpha-down',
|
||||||
|
SORT_ALPHA_UP:'pi pi-sort-alpha-up',
|
||||||
|
SORT_ALT:'pi pi-sort-alt',
|
||||||
|
SORT_AMOUNT_DOWN_ALT:'pi pi-sort-amount-down-alt',
|
||||||
|
SORT_AMOUNT_DOWN:'pi pi-sort-amount-down',
|
||||||
|
SORT_AMOUNT_UP_ALT:'pi pi-sort-amount-up-alt',
|
||||||
|
SORT_AMOUNT_UP:'pi pi-sort-amount-up',
|
||||||
|
SORT_DOWN:'pi pi-sort-down',
|
||||||
|
SORT_NUMERIC_ALT_DOWN:'pi pi-sort-numeric-alt-down',
|
||||||
|
SORT_NUMERIC_ALT_UP:'pi pi-sort-numeric-alt-up',
|
||||||
|
SORT_NUMERIC_DOWN:'pi pi-sort-numeric-down',
|
||||||
|
SORT_NUMERIC_UP:'pi pi-sort-numeric-up',
|
||||||
|
SORT_UP:'pi pi-sort-up',
|
||||||
|
SORT:'pi pi-sort',
|
||||||
|
SPINNER:'pi pi-spinner',
|
||||||
|
STAR_O:'pi pi-star-o',
|
||||||
|
STAR:'pi pi-star',
|
||||||
|
STEP_BACKWARD_ALT:'pi pi-step-backward-alt',
|
||||||
|
STEP_BACKWARD:'pi pi-step-backward',
|
||||||
|
STEP_FORWARD_ALT:'pi pi-step-forward-alt',
|
||||||
|
STEP_FORWARD:'pi pi-step-forward',
|
||||||
|
SUN:'pi pi-sun',
|
||||||
|
TABLE:'pi pi-table',
|
||||||
|
TABLET:'pi pi-tablet',
|
||||||
|
TAG:'pi pi-tag',
|
||||||
|
TAGS:'pi pi-tags',
|
||||||
|
TH_LARGE:'pi pi-th-large',
|
||||||
|
THUMBS_DOWN:'pi pi-thumbs-down',
|
||||||
|
THUMBS_UP:'pi pi-thumbs-up',
|
||||||
|
TICKET:'pi pi-ticket',
|
||||||
|
TIMES_CIRCLE:'pi pi-times-circle',
|
||||||
|
TIMES:'pi pi-times',
|
||||||
|
TRASH:'pi pi-trash',
|
||||||
|
TWITTER:'pi pi-twitter',
|
||||||
|
UNDO:'pi pi-undo',
|
||||||
|
UNLOCK:'pi pi-unlock',
|
||||||
|
UPLOAD:'pi pi-upload',
|
||||||
|
USER_EDIT:'pi pi-user-edit',
|
||||||
|
USER_MINUS:'pi pi-user-minus',
|
||||||
|
USER_PLUS:'pi pi-user-plus',
|
||||||
|
USER:'pi pi-user',
|
||||||
|
USERS:'pi pi-users',
|
||||||
|
VIDEO:'pi pi-video',
|
||||||
|
VIMEO:'pi pi-vimeo',
|
||||||
|
VOLUME_DOWN:'pi pi-volume-down',
|
||||||
|
VOLUME_OFF:'pi pi-volume-off',
|
||||||
|
VOLUME_UP:'pi pi-volume-up',
|
||||||
|
YOUTUBE:'pi pi-youtube',
|
||||||
|
WALLET:'pi pi-wallet',
|
||||||
|
WIFI:'pi pi-wifi',
|
||||||
|
WINDOW_MAXIMIZE:'pi pi-window-maximize',
|
||||||
|
WINDOW_MINIMIZE:'pi pi-window-minimize'
|
||||||
|
}
|
||||||
|
|
||||||
|
export default PrimeIcons;
|
||||||
|
|
@ -51,6 +51,37 @@ npm install primeicons --save
|
||||||
|
|
||||||
<i class="pi pi-spin pi-spinner" style="fontSize: 2rem"></i>
|
<i class="pi pi-spin pi-spinner" style="fontSize: 2rem"></i>
|
||||||
|
|
||||||
|
<h5>Constants</h5>
|
||||||
|
<p>PrimeIcons constants API is provided to easily choose an icon with typescript e.g. when defining a menu model.</p>
|
||||||
|
<pre v-code><code>
|
||||||
|
<Menu :model="items" />
|
||||||
|
|
||||||
|
</code></pre>
|
||||||
|
|
||||||
|
<pre v-code.script><code>
|
||||||
|
import {PrimeIcons} from 'primevue/api';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
label: 'Update',
|
||||||
|
icon: PrimeIcons.REFRESH,
|
||||||
|
to: '/update'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'Delete',
|
||||||
|
icon: PrimeIcons.TIMES,
|
||||||
|
to: '/delete'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</code></pre>
|
||||||
|
|
||||||
<h5>List of Icons</h5>
|
<h5>List of Icons</h5>
|
||||||
<p>Here is the current list of PrimeIcons, more icons are added periodically. You may also <a href="https://github.com/primefaces/primeicons/issues">request new icons</a> at the issue tracker.</p>
|
<p>Here is the current list of PrimeIcons, more icons are added periodically. You may also <a href="https://github.com/primefaces/primeicons/issues">request new icons</a> at the issue tracker.</p>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue