xtal-splitting
Web components that can do the splits
<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
Links
Compatibility
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[![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
```