Code
Can be used for displaying code or formuale.
|
Commenting
|
New message!
Jane Doe just sent you a new message.
|
- Add the class
.some-classto the element to format it. 10 + 5 = 15- The formula for force is
f = ma.
<ul>
<li>Add the class <code class="code">.some-class</code> to the element to format it.</li>
<li><code class="code">10 + 5 = 15</code></li>
<li>The formula for force is <code class="code">f = ma</code>.</li>
</ul>
Monospaced system fonts are used by default for elements with the .code class for better code readibility.
Keyboard input #
The <kbd> element can be used for keyboard inputs or keys.
- Toggle dark mode by pressing shift + D.
- Toggle sidebar by pressing shift + S.
- Filter docs (when sidebar is open) by pressing shift + F.
<ul>
<li>Toggle dark mode by pressing <kbd>shift</kbd> + <kbd>D</kbd>.</li>
<li>Toggle sidebar by pressing <kbd>shift</kbd> + <kbd>S</kbd>.</li>
<li>Filter docs (when sidebar is open) by pressing <kbd>shift</kbd> + <kbd>F</kbd>.</li>
</ul>Block level code #
For code blocks that require syntax highlighting, we highly recommend libraries such as highlight.js , as these are specifically built to deal with the complex nature of code highlighting and formatting. All the block code containers found on our documentation is using the aforementioned library with a custom theme.
Up next:
Image
Help us grow
Our goal is to make Halfmoon the go-to framework for building dashboards and tools on the web. We are already working on things like a form validator, number input, datepicker, multi-select (think Select2 without jQuery), tabs component, JSX docs, and so much more. You can learn more in the project roadmap.
However, we need your help to grow. So if you truly believe in our goal, please consider supporting us through Patreon.
Gold sponsor
The following is the highest tier, with a maximum of 1 sponsor.
(Also seen at the top of the page)
Sponsors
The following is the normal tier, with a maximum of 10 sponsors.
AYCD
Automation Done Right
Sponsor image placeholder
Sponsor (9 available)
Halfmoon needs your support! Become a sponsor to place an image and description of your product here. Click here
Backers
The following people have generously decided to support Halfmoon.
- Ethan Fann
- Julia Koblitz
- Benjamin Listwon
- Sean Lindsay
- Daan
Become a backer on Patreon .
Subscribe for updates
- We will notify you when the framework gets a substantial update. No spam or marketing.
- You can also follow us on Twitter and stay updated that way.
