Git Product home page Git Product logo

elements-sk's Introduction

THIS REPOSITORY IS ARCHIVED. Code moved to the Skia Infrastructure repository here (see CL).

elements-sk

A collection of v1 custom elements.

See 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 contains the jsdoc generated documentation for all of the code. It also hosts a demo page of many of the elements, and a catalog of all the 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.

elements-sk's People

Contributors

dependabot[bot] avatar erock2112 avatar jcgregorio avatar kjlubick avatar leandrolovisolo avatar wjtracey avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

elements-sk's Issues

elements-sk are difficult to test with karma

The elements-sk are difficult to test with karma, see for example: karma-runner/karma#412

The problem is that you can't undefine an element. The solution is to use our own function that only calls window.customElements.define() if the tag hasn't yet been defined. That has the possibility of covering up real errors, such as two different definitions for the same tag name, so a console.log error message should be generated on each such conflict, but define() should never throw in the case of a conflict.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.