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

GitHub's Web Component collection.
https://github.com/github/github-elements

element-collection web-components

Last synced: 4 days ago
JSON representation

GitHub's Web Component collection.

• Host: GitHub
• URL: https://github.com/github/github-elements
• Owner: github
• License: mit
• Created: 2018-06-26T16:28:14.000Z (over 6 years ago)
• Default Branch: main
• Last Pushed: 2023-12-18T00:53:51.000Z (about 1 year ago)
• Last Synced: 2025-01-24T16:05:08.422Z (18 days ago)
• Topics: element-collection, web-components
• Language: JavaScript
• Homepage: https://www.webcomponents.org/collection/github/github-elements
• Size: 1.82 MB
• Stars: 2,819
• Watchers: 278
• Forks: 59
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Codeowners: CODEOWNERS

Awesome Lists containing this project

• awesome-web-components - GitHub Elements
• awesome-web-components - github-elements - GitHub's Web Component collection. (Real World / Component Libraries)

README

        
# github-elements

GitHub's Web Component collection.

We have 17 open source custom elements:

### [github/auto-check-element](https://github.com/github/auto-check-element)

An input element that validates its value with a server endpoint.

[Repository](https://github.com/github/auto-check-element) | [Example](https://github.github.com/auto-check-element/examples/)

### [github/auto-complete-element](https://github.com/github/auto-complete-element)

Auto-complete input values from server search results.

[Repository](https://github.com/github/auto-complete-element) | [Example](https://github.github.com/auto-complete-element/examples/)

### [github/clipboard-copy-element](https://github.com/github/clipboard-copy-element)

Copy element text content or input values to the clipboard.

[Repository](https://github.com/github/clipboard-copy-element) | [Example](https://github.github.io/clipboard-copy-element/examples/)

### [github/details-dialog-element](https://github.com/github/details-dialog-element)

A modal dialog that's opened with <details>.

[Repository](https://github.com/github/details-dialog-element) | [Example](https://github.github.io/details-dialog-element/example/index.html)

### [github/details-menu-element](https://github.com/github/details-menu-element)

A menu opened with <details>.

[Repository](https://github.com/github/details-menu-element) | [Example](https://github.github.io/details-menu-element/examples)

### [github/file-attachment-element](https://github.com/github/file-attachment-element)

Attach files via drag and drop or file input.

[Repository](https://github.com/github/file-attachment-element) | [Example](https://github.github.com/file-attachment-element/examples/)

### [github/filter-input-element](https://github.com/github/filter-input-element)

Display elements in a subtree that match filter input text.

[Repository](https://github.com/github/filter-input-element) | [Example](https://github.github.io/filter-input-element/examples/)

### [github/g-emoji-element](https://github.com/github/g-emoji-element)

Backports native emoji characters to browsers that don't support them by replacing the characters with fallback images.

[Repository](https://github.com/github/g-emoji-element) | [Example](https://github.github.io/g-emoji-element/examples/)

### [github/image-crop-element](https://github.com/github/image-crop-element)

A custom element for cropping a square image. Returns x, y, width, and height.

[Repository](https://github.com/github/image-crop-element) | [Example](https://github.github.io/image-crop-element/examples/)

### [github/include-fragment-element](https://github.com/github/include-fragment-element)

A client-side includes tag.

[Repository](https://github.com/github/include-fragment-element) | [Example](https://github.github.io/include-fragment-element/examples)

### [github/markdown-toolbar-element](https://github.com/github/markdown-toolbar-element)

Markdown formatting buttons for text inputs.

[Repository](https://github.com/github/markdown-toolbar-element) | [Example](https://github.github.com/markdown-toolbar-element/examples/)

### [github/relative-time-element](https://github.com/github/relative-time-element)

Web component extensions to the standard <time> element.

[Repository](https://github.com/github/relative-time-element) | [Example](https://github.github.io/relative-time-element/examples/)

### [github/remote-input-element](https://github.com/github/remote-input-element)

An input element that sends its value to a server endpoint and renders the response body.

[Repository](https://github.com/github/remote-input-element) | [Example](https://github.github.io/remote-input-element/examples)

### [github/tab-container-element](https://github.com/github/tab-container-element)

An accessible tab container element with keyboard support.

[Repository](https://github.com/github/tab-container-element) | [Example](https://github.github.com/tab-container-element/examples/)

### [github/task-lists-element](https://github.com/github/task-lists-element)

Drag and drop task list items.

[Repository](https://github.com/github/task-lists-element) | [Example](https://github.github.io/task-lists-element/examples/)

### [github/text-expander-element](https://github.com/github/text-expander-element)

Activates a suggestion menu to expand text snippets as you type.

[Repository](https://github.com/github/text-expander-element) | [Example](http://github.github.io/text-expander-element/examples)

### [github/typing-effect-element](https://github.com/github/typing-effect-element)

A custom element that shows text as if it were being typed

[Repository](https://github.com/github/typing-effect-element) | [Example](https://github.github.com/typing-effect-element/examples/)