Directory

← Back

xtal-splitting

Web components that can do the splits

Author

Rating

Popularity

<100

Published on webcomponents.org

<xtal-splitting>

Web components that can do the splits.

xtal-splitting.js takes a search string, and splits up the textContent into spans, which can be styled to show where the matching text is.

Demo via webcomponents.org

  <p-d on="input" prop="search" val="target.value"></p-d>
  <xtal-split>supercalifragilisticexpialidocious</xtal-split>
  <script type="module" src="https://unpkg.com/p-d.p-u@0.0.114/p-d.js?module"></script>
  <script type="module" src="https://unpkg.com/xtal-splitting@0.0.10/xtal-split.js?module"></script>
</div>
``` -->

Install the Polymer-CLI

First, make sure you have the Polymer CLI and npm (packaged with Node.js) installed. Run npm install to install your element's dependencies, then run polymer serve to serve your element locally.

Viewing Your Element

$ polymer serve

Running Tests

$ npm test

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

  • xtal-element#0.0.55
  • trans-render#0.0.104
Released
2019-04-19
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Browser
Browser Independent

xtal-splitting - Vaadin Add-on Directory

Web components that can do the splits xtal-splitting - Vaadin Add-on Directory
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/xtal-splitting) # \ Web components that can do the splits. xtal-splitting.js takes a search string, and splits up the textContent into spans, which can be styled to show where the matching text is. Demo via [webcomponents.org](https://www.webcomponents.org/element/xtal-splitting) supercalifragilisticexpialidocious
``` --> ## Install the Polymer-CLI First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally. ## Viewing Your Element ``` $ polymer serve ``` ## Running Tests ``` $ npm test ```
Online