Checkout docs/md/docs/cheat-sheet.md to see the markdown behind this page. Note that this is only
-a cheat-sheet, for a more complete list of specific markdown features of codedoc, check out the official docs.
Perhaps some other content here, maybe some more code?
another.tsx
1import{ Renderer }from'@connectv/html'
2import{ timer }from'rxjs'
3
4const renderer =newRenderer()
5renderer
6.render(<div>You have been here for {timer(0,1000)} second(s).</div>)
7.on(document.body)
-
-
linkCollapse
You can add collapsible sections like this:
some-doc.md
1> :Collapse label=Collapsible content (click to open)
2>
3> This content is collapsed by default. You can write _any_ markdown syntax you would
4> like here as this is simply just an enhanced `block quote` element. You can even have lists:
5>
6>- with multiple
7>- items and stuff
8>
9> > :Collapse label=Or nested collapsible content (click to open)
10> >
11> > > :Collapse label=Collapception
12> > >
13> > > To any depth that your heart might desire.
14>
15> This component is particularly useful in the table of contents (the left-side menu, activatable by
16> clicking on the hamburger menu in the footer), when you have got many documents and you would want to
17> neatly categorize them.
-
-
Collapsible content (click to open)chevron_right
This content is collapsed by default. You can write any markdown syntax you would
-like here as this is simply just an enhanced block quote element. You can even have lists:
with multiple
items and stuff
Or nested collapsible content (click to open)chevron_right
Collapception (click to open)chevron_right
To any depth that your heart might desire.
This component is particularly useful in the table of contents (the left-side menu, activatable by
-clicking on the hamburger menu in the footer), when you have got many documents and you would want to
-neatly categorize them.
-
-
linkDark/Light Content
If you have some content that differs in light mode vs in dark mode, you
-can use DarkLight component:
some-doc.md
1> :DarkLight
2>
3> > :InDark
4> >
5> > We are SO DARK! This content is only shown in dark-mode. Switch to light-mode
6> > by clicking on the dark/light toggle in the footer to see the light-mode specific content.
7>
8> > :InLight
9> >
10> > LIGHT bless you! This content is only shown in light-mode. Switch to dark-mode
11> > by clicking on the dark/light toggle in the footer to see the dark-mode specific content
-
-
We are SO DARK! This content is only shown in dark-mode. Switch to light-mode
-by clicking on the dark/light toggle in the footer to see the light-mode specific content.
LIGHT bless you! This content is only shown in light-mode. Switch to dark-mode
-by clicking on the dark/light toggle in the footer to see the dark-mode specific content
If you are wondering why someone would EVER need such a thing, well I did. Because I wanted
-to display different banner images based on dark-mode / light-mode:
