elements-x

3.13.0 • Public • Published

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

Example

<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

Readme

Keywords

none

Package Sidebar

Install

npm i elements-x

Weekly Downloads

212

Version

3.13.0

License

MIT

Unpacked Size

351 kB

Total Files

10

Last publish

Collaborators

  • allenkim
  • allenhwkim