Skip to content

Instantly share code, notes, and snippets.

@lepture

lepture/github-gist.md

Last active October 6, 2024 14:08
Show Gist options
  • Save lepture/033239da19f4e3246d1f34bcf20844dd to your computer and use it in GitHub Desktop.
Save lepture/033239da19f4e3246d1f34bcf20844dd to your computer and use it in GitHub Desktop.
Download ZIP
Gist Web Component
Raw
github-gist.md

Gist Web Component

<github-gist> embed GitHub gists within a Shadow DOM element.

Usage

Include gist web component <script>:

<script src="https://cdn.jsdelivr.net/npm/github-gist"></script>

Render gist with a path attribute:

<github-gist path="lepture/033239da19f4e3246d1f34bcf20844dd" />

Attributes

  1. path: required, the URL path of the Gist
  2. theme: optional, light or dark

License

MIT

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment