Web Components
Developers can create custom, reusable, encapsulated HTML tags for the web using Web Components. Components use the Custom Element standard, frequently in combination with the Shadow DOM, HTML Templates, and ES Modules.
Here are 1,074 public repositories matching this topic...
Hi,
Test Scenario: Angular page with 30 Dropdowns with 120 items each, 30 Tabs, 100 Checkboxes and 20 buttons.
Demos
Angular + HTML: https://github.com/msbasanth/AngularHtmlHeavyUIApp
Angular + Polymer WebComponents: https://github.com/msbasanth/AngularPolymerHeavyUIApp
Angular + HTML Controls
| Sl. No | Browser | Heap Memory | Performance |
|---|---|---|---|
| 1 | Chrome |
Front End Cross-Frameworks Framework - 前端跨框架跨平台框架
-
Updated
Jan 22, 2020 - JavaScript
Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
-
Updated
Jan 22, 2020 - TypeScript
I'm looking to write preact or vanilla web components and ssr prerender them into pages. When looking at your SSR example I see that you're using skates custom Element class to extend from. Could we get some docs on this class? Could we get an example of ssr using preact?
The element is pretty limited to English and the github date style right now.
There should be a way to supply a strftime format for anything that is too old to be displayed in relative terms.
For example:
https://github.com/github/time-elements/blob/77a086c07630ae2fefb1a763a2d5212b72de79d2/src/relative-time.js#L23
It's important, I think, if the goal is to communicate that this can replace React in more ways than function.
Website
Vue Custom Element - Web Components' Custom Elements for Vue.js
-
Updated
Jan 21, 2020 - JavaScript
I've created an API documentation generator for diffHTML using NodeGit. This could be used to generate the typings automatically.
Resources:
- http://definitelytyped.org/guides/best-practices.html
- https://blogs.msdn.microsoft.com/typescript/2016/06/15/the-future-of-declaration-files/
Thanks @mousetraps!
Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
Selected values can have different styling such as background color. This component is very useful for tagging use-case.
https://codesandbox.io/s/ui5-webcomponents-v6846
https://codesandbox.io/s/ui5-webcomponents-j9m9w
**Describe
Please read https://github.com/edcarroll/ng2-semantic-ui/blob/master/CONTRIBUTING.md and search
existing issues (both open and closed) prior to opening any new issue and ensure you follow the instructions therein.
Bug description:
Link to minimally-working plunker that reproduces the issue:
You can fork the [ng2-semantic-ui plunkr starter](http://plnkr.co/edit/SJMMMS8wQkwdX1HeMqi
Splash screen on iOS
I'm submitting a ...
[ ] bug report
[ X] feature request
[ ] support request
Current behavior:
Splash screen not showing on iOS
Expected behavior:
Splash screen is showing on iOS, and can be generated through ionic resources
Steps to reproduce:
Launch the application on an iPhone and expect to see a splash screen
Related code:
According to [this article]
Currently the module field on package.json points to src/simpla.js but really it should point to a separate build, that's been transpiled, but not bundled. This means that whatever module bundling system consumers are using will still be used, but it won't need to be transpiled. As it currently stands, users can come up against [this bug](https://github.com/facebookincubator/create-react-app
A modal dialog that's opened with <details>.
-
Updated
Jan 21, 2020 - JavaScript
Use `extends` option
There's a use-case for custom elements, that allows extending built-in components https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#Customized_built-in_elements. That allows to solve inherent problems of JSX, as stated in the preact issue developit/htm#81
If remount would take extends: tagName as an option, it would enable component-
Required indicator should be shown always when field is set as required. This change should be implemented for all components that implement a required indicator (e.g. vaadin-custom-field, vaadin-text-field, ...).
Currently (if the field is set as required) the required indicator is hidden if the field has any value. (Required indicator is only shown if the field is empty.)
This issue wa
High-quality, customizable web components for common user interface patterns
-
Updated
Jan 21, 2020 - JavaScript
List of Awesome Web Components Built with StencilJS
-
Updated
Jan 22, 2020
First of all thanks for the repo. It's nice to see how these different custom elements solutions compare. I especially find the visual syntax comparison interesting. I noticed that recent additions such as lit-element aren't a part of it.
I'm open to doing a PR with new screenshots, but It won't be the same style/color-highlighting as yours.
Small library for the creation of interfaces based on web-components, only using functions and hooks.
-
Updated
Jan 15, 2020 - JavaScript
An evolving set of open source web components for building mobile and desktop web applications in modern browsers.
-
Updated
Jan 22, 2020 - JavaScript
Proposal: Document using 3rd party template library
Description
The toolkit comes with a templating engine to allow re-templating
Not sure if this is the right forum. https://www.webcomponents.org/ doesn't open on Edge chromium. Can see whole bunch of JS errors in console.
a better ant design
i don't know whether if it's an official or not but actually this one is the most close to the official ant design
https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce/
support SSR as well
Created by Alex Russell
Released 2011
- Organization
- webcomponents
- Website
- www.webcomponents.org
- Wikipedia
- Wikipedia


I tried to follow the initial steps from here: https://www.learnstorybook.com/intro-to-storybook/react/en/get-started/
running:
Then when I ran:
npx -p @storybook/cli sb initI get the error
TypeError: Cannot set property 'storybook' of undefinedThis is the full message in my terminal: