metronic-extension
Metronic 8 theme components for rapid web application development.
DataTables, ApexCharts, SweetAlert2, jsTree etc. popular libraries are wrapped and can be used with a simple API.
Installation
npm install metronic-extensionWhat's Included
| Category | Description |
|---|---|
| Components 14 | APIClient, BarChart, BlockUI, DataTable, Dialog, Dropzone, ImageInput, LineChart, Modal, PieChart, Tagify, Toast, Tree, Validation |
| Initializers 6 | initBtnToggle, initClipboard, initDateRangeMenu, initDateRangePicker, initPwdToggle, initTooltip |
| Validators 12 | isDataURI, isFQDN, isFQDNOrIP, isHTML, isInRange, isIP, isKana, isPath, isPhoneJP, isPort, isURL, isUnixUser |
| Utilities 16 | dataURL2Ext, escapeHTML, fetchDataURL, fetchImage, formatBytes, formatNumber, isAsyncFn, isEmpty, isFn, isPlainObject, isString, isSymbol, resolveRefs, trim, typeOf, url2Mime |
Quick Start
import {DataTable, Dialog, isEmpty, isURL} from 'metronic-extension';
// Create a data table
const dt = new DataTable(document.getElementById('myTable'), {
columnDefs: [
{targets: 0, data: 'name', title: 'Name'},
{targets: 1, data: 'email', title: 'Email'},
],
ajax: '/api/users',
pageLength: 10,
});
// Show a confirmation dialog
const confirmed = await Dialog.confirm('Are you sure?');
// Utility functions
isEmpty(''); // true
isURL('https://example.com'); // true