Elements-x NPM | npm.io

3.10.2 • Published 4 months ago

Install

Weekly downloads

1

License

MIT

Repository

Last release

4 months ago

elements-x

npm usage

Example 1. Install elements-x, $ npm install elements-X -D 2. Import into your code to define all custom elements, import 'elements-x 3. 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'; 

/* To import and define only one element */
window.X = {override: true};
import { Calendar } from 'elements-x';
// import { Calendar } from './my-own-calendar';
customElements.define('x-calendar', Calendar);

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
SideBar
Table (array of inputs, or table-structured inputs)

Extended elements

BarCode
Clock
Highlight (Code syntax prettifier)
Json (Collapsible JSON viewer)
Monaco (Code editor)
QRCode
Stepper(form stepper)
Formflow (Form flow diagram with Reactflow)
Formdesigner (A page designer with GrapesJs)

@everything-registry/sub-chunk-1568

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

6 months ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

3 years ago

4 years ago