1 | # @sutton-signwriting/sgnw-components
|
2 |
|
3 | [![Gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/sutton-signwriting/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
|
4 | [![version](https://img.shields.io/npm/v/@sutton-signwriting/sgnw-components)](https://www.npmjs.com/package/@sutton-signwriting/sgnw-components)
|
5 | [![npm downloads](https://img.shields.io/npm/dm/@sutton-signwriting/sgnw-components)](https://npm-stat.com/charts.html?package=@sutton-signwriting/sgnw-components&from=2020-07-24)
|
6 |
|
7 | @sutton-signwriting/sgnw-components is a javascript package for the browser that includes a collection of web components built with https://stenciljs.com/
|
8 |
|
9 | This is an early release for testing and development.
|
10 | Feedback is welcome.
|
11 | Windows Edge browser is supported >= 79.
|
12 | To update Edge, download and reinstall.
|
13 | * https://www.microsoft.com/en-us/edge
|
14 |
|
15 | This package supports both Formal SignWriting in ASCII (FSW) and SignWriting in Unicode (SWU) character sets, along with the associated query languages and style string. See [draft-slevinski-formal-signwriting](https://tools.ietf.org/id/draft-slevinski-formal-signwriting-07.html) for detailed specification.
|
16 |
|
17 | > Author: https://SteveSlevinski.me
|
18 | > Channel: https://www.youtube.com/channel/UCXu4AXlG0rXFtk_5SzumDow
|
19 | > Support: https://www.patreon.com/signwriting
|
20 |
|
21 | ## Useful links
|
22 |
|
23 | - Source: https://github.com/sutton-signwriting/sgnw-components
|
24 | - Distribution: https://unpkg.com/browse/@sutton-signwriting/sgnw-components/
|
25 | - Documentation: https://sutton-signwriting.github.io/sgnw-components/
|
26 | - Issue Tracker: https://github.com/sutton-signwriting/sgnw-components/issues
|
27 | - Online Discussion: https://gitter.im/sutton-signwriting/community
|
28 |
|
29 |
|
30 | ## Using the Sutton SignWriting Web Components
|
31 |
|
32 | ### Script tag
|
33 |
|
34 | Put script tags similar to this
|
35 |
|
36 | <script type="module" src="https://unpkg.com/@sutton-signwriting/sgnw-components@0.9.0/dist/sgnw-components/sgnw-components.esm.js"></script>
|
37 | <link href="https://unpkg.com/@sutton-signwriting/sgnw-components@0.9.0/dist/sgnw-components/sgnw-components.css" rel="stylesheet">
|
38 |
|
39 |
|
40 | Then you can use the elements anywhere in your template, JSX, html etc
|
41 |
|
42 | ### Node Modules
|
43 | - Run `npm install @sutton-signwriting/sgnw-components --save`
|
44 | - Put a script tag similar to this `<script src='node_modules/@sutton-signwriting/sgnw-components/dist/sgnw-components.js'></script>` in the head of your index.html
|
45 | - Then you can use the element anywhere in your template, JSX, html etc
|
46 |
|
47 | ### In a stencil-starter app
|
48 | - Run `npm install @sutton-signwriting/sgnw-components --save`
|
49 | - Add an import to the npm packages `import @sutton-signwriting/sgnw-components;`
|
50 | - Then you can use the element anywhere in your template, JSX, html etc
|
51 |
|
52 |
|
53 | ## License
|
54 | MIT
|
55 |
|
56 | ## SignWriting General Interest
|
57 | - SignWriting Website: https://signwriting.org/
|
58 | - Wikipedia page: https://en.wikipedia.org/wiki/SignWriting
|
59 | - Email Discussion: https://www.signwriting.org/forums/swlist/
|
60 | - Facebook Group: https://www.facebook.com/groups/SuttonSignWriting/
|