https://github.com/google/elements-sk

A collection of v1 custom elements.
https://github.com/google/elements-sk

Last synced: 3 months ago
JSON representation

A collection of v1 custom elements.

• Host: GitHub
• URL: https://github.com/google/elements-sk
• Owner: google
• License: apache-2.0
• Archived: true
• Created: 2018-07-03T16:17:20.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-04-28T19:41:50.000Z (over 1 year ago)
• Last Synced: 2024-07-22T17:58:12.733Z (4 months ago)
• Language: HTML
• Homepage:
• Size: 2.18 MB
• Stars: 29
• Watchers: 7
• Forks: 13
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-web-components - elements-sk - Collection of custom elements for "a la carte" web development. (Real World / Component Libraries)

README

        
**THIS REPOSITORY IS ARCHIVED**. Code moved to the Skia Infrastructure repository

[here](https://skia.googlesource.com/buildbot/+/28404b632bd4830fe00185f5db86cfad4cc63abb/elements-sk)

(see [CL](https://skia-review.googlesource.com/c/buildbot/+/652357)).

elements-sk

===========

![](https://github.com/google/elements-sk/workflows/jstest/badge.svg)

A collection of v1 custom elements.

See [A la carte Web Development](https://bitworking.org/news/2018/03/a-la-carte-web-development)

for more background on pulito and how it fits into "A la carte" web

development.

Installation

------------

If loaded via npm then importing will just work, i.e.:

    $ npm i elements-sk

Then from within your code:

    import 'elements-sk/checkbox-sk'

See `pages/index.js` as an example.

Documentation

-------------

[jsdoc.skia.org](https://jsdoc.skia.org/) contains the

[jsdoc](http://usejsdoc.org/) generated documentation for all of the code. It

also hosts a [demo page](https://jsdoc.skia.org/elements-sk/) of many of the

elements, and a [catalog](https://jsdoc.skia.org/elements-sk/icon-sk.html) of

all the [Material Design

icons](https://github.com/google/material-design-icons) included.

Browser Support

---------------

This library only uses the v1 Custom Elements spce with no Shadow DOM,

so the only polyfill needed is:

    https://github.com/webcomponents/custom-elements

See `pages/index.html` for an example on how to conditionally include

the polyfill.

Disclaimer

----------

This is not an officially supported Google product.