@yKicchan
Block quote Block quote
https://example.com
link
bold italic mistaken inline code
inline code
const example = "string"; type Props = { key: string; value: number; }; const props: Props = { key: "k", value: 123 }; function doSomething() { console.log(example); }
w:64 w:128 w:256
.c
.fit
No fitting
Fitted
.m-0
.mt-1
.mb-1
.ml-1
.mr-1
.text-XX
xl5 xl4
xl5
xl4
xl3 xl2 xl1 xl
xl3
xl2
xl1
xl
lg sm xs xs2 xs3
lg
sm
xs
xs2
xs3
.white
.gray
.red
.purple
.blue
.light-blue
.green
.yellow
.black
name=filename
interface P { value: string; onSubmit: (v: string) => void; } export const Component: FC<P> = ({ value, onSubmit }) => ( <button type="button" onClick={() => onSubmit(value)}> {value} </button> );
This is note text by .note
.note
This is important text by .important
.important
by .tip
.tip
by .warning
.warning
by .caution
.caution
:::c
:::_
:::c content content :::
<div class="c"> <p>content</p> <p>content</p> </div>
{.any-class}
{any-attr=value}
- content{.one} - content{attr=two} {.zero}
<ul class="zero"> <li class="one">content</li> <li attr="two"">content</li> </ul>
==mark==
<mark>mark</mark>
++ins++
<ins>ins</ins>
@startuml participant Participant as Foo actor Actor as Foo1 boundary Boundary as Foo2 control Control as Foo3 entity Entity as Foo4 database Database as Foo5 collections Collections as Foo6 queue Queue as Foo7 Foo -> Foo1 : To actor Foo -> Foo2 : To boundary Foo -> Foo3 : To control Foo -> Foo4 : To entity Foo -> Foo5 : To database Foo -> Foo6 : To collections Foo -> Foo7: To queue @enduml
digraph example1 { 1 -> 2 -> { 4, 5 }; 1 -> 3 -> { 6, 7 }; }