0.1.0 • Published 3 years ago
wc-quiz v0.1.0
A web component for quiz using markdown gfm markdown
Installation
Installation
npm i wc-quiz
Import from NPM
<script type="module" src="node_modules/wc-quiz/index.js"></script>
Import from CDN TODO
<script
type="module"
src="https://cdn.jsdelivr.net/???gh/????/wc-quiz/index.js"
></script>
Usage
Basic Usage
<!-- code sample -->
Special thanks
- Web component architecture: https://github.com/vanillawc/wc-markdown/
micromark-plugins
This web componenent uses micromark
to render markdown to html in the browser lightly, it uses:
micromark-extension-math
associated with kayex to render tex math to mathhml.- micromark-extension-frontmatter: TODO Utile ou non?
References
- https://github.com/syntax-tree/mdast
- https://github.com/syntax-tree/hast
- https://webcomponents.dev/blog/all-the-ways-to-make-a-web-component/
- https://www.sarasoueidan.com/blog/inclusively-hiding-and-styling-checkboxes-and-radio-buttons/
Progressbar: https://getbootstrap.com/docs/5.0/components/progress/#keyframes