https://github.com/sneas/x-ray
Display HTML/Web component and show/hide it's code
https://github.com/sneas/x-ray
html stenciljs web-components
Last synced: about 1 month ago
JSON representation
Display HTML/Web component and show/hide it's code
- Host: GitHub
- URL: https://github.com/sneas/x-ray
- Owner: sneas
- License: mit
- Created: 2020-10-24T10:56:54.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2023-08-26T17:43:28.000Z (almost 3 years ago)
- Last Synced: 2025-09-07T07:49:41.052Z (9 months ago)
- Topics: html, stenciljs, web-components
- Language: TypeScript
- Homepage: https://sneas.github.io/x-ray
- Size: 2.21 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# \
[](http://npm.im/@sneas/x-ray)
Probably, the easiest way to demo HTML/Web components.
Demo: [https://sneas.github.io/x-ray](https://sneas.github.io/x-ray)
## Installation
### HTML
```html
```
### NodeJS
```sh
npm install @sneas/x-ray --save
```
Add import within the root component:
```js
import '@sneas/x-ray';
```
## Usage
```html
Holy guacamole! You should check out the code of this
alert component below.
×
```
⚠️ Make sure the code has been wrapped with `` tag.
The result of the code from above:
