elements-x
v3.13.0
Published
collection of custom elements
Downloads
310
Readme
elements-x
npm usage
- Install elements-x,
$ npm install elements-X -D - Import into your code to define all custom elements,
import 'elements-x - Use it like html tags, e.g.
<x-clock run></x-clock>
browser usage
<head>
<script type="module" src="https://unpkg.com/elements-x"></script>
</head>
<body>
<x-calendar></x-calendar>
</body>Import
/* To import all elements and define custom elements */
import 'elements-x';
/* To import and define all core elements */
import 'elements-x/dist/lib/core.umd.js';
/* To import and define all extended elements */
import 'elements-x/dist/lib/extended.umd.js'; Core elements
- Calendar
- ComboBox (Input with dropdown)
- Dropdown (Display as dropdown underneath of input or button)
- File
- List (Show hierarchy and select from it)
- Map (Openlayer map)
- Masked (Input with mask)
- Pagination
- Resize
- Table (array of inputs, or table-structured inputs)
Extended elements
- BarCode
- Clock
- Highlight (Code syntax prettifier)
- Json (Collapsible JSON viewer)
- Monaco (Code editor)
- QRCode
Deployment
- When
mainbranch is updated, it is built and deployed by Netlify automatically. - When deployed, it's published to https://elements-x.com