npm
npm install --save-dev shokika.cssInstallation
CDN
https://unpkg.com/shokika.css@latest/dist/shokika.min.cssExample
Text
Headings
heading 1
heading 2
heading 3
heading 4
heading 5
heading 6
Paragraph
The <p> HTML element represents a paragraph. Paragraphs are usually represented in visual media as blocks of text separated from adjacent blocks by blank lines and/or first-line indentation, but HTML paragraphs can be any structural grouping of related content, such as images or form fields.
List
- unordered list
- unordered list
- unordered list
- ordered list
- ordered list
- ordered list
Blockquote
Our mission is to make cloud computing accessible to everyone.
Preformatted Text (Code Block)
npm install --save-dev shokika.cssDescription List
- Beast of Bodmin
- A large feline inhabiting Bodmin Moor.
- Morgawr
- A sea serpent.
- Owlman
- A giant owl-like creature.
Horizontal Rule
This is the first paragraph of text.
This is the second paragraph of text.
Inline
This is Anchor Link.
Several species of salamander inhabit the temperate rainforest of the Pacific Northwest.
You could use this element to highlight speling mistakes, so the writer can corect them.
This line of text is meant to be treated as fine print.
... the most important rule, the rule you can never forget, no matter how much he cries, no matter how much he begs:never feed him after midnight.
Get out of bed now!
You can use CSS to style your HTML.
Keyboard not found, Press F1 to continue
Please press Ctrl + Shift + R to re-render an MDN page.
Run
npm install --save-dev shokika.css to install.Form
Button
Input
Checkbox
Radio
Textarea
Select
Fieldset and Legend
Image
Basic
figure + figcaption
Other Elements
Table
| The table header | |
|---|---|
| The table body | with two columns |
Details
Summary
Paragraph