Software badges
Software badges are useful for referencing games, tools and/or socials directly inline with text. Use them by adding a <Game/>, <Tool/> or <Social/> element with
a registered name to your doc.
cs_script is a <Tool name="js"/> based scripting system for <Game name="cs2"/> maps.
cs_script is a 
JavaScript based scripting system for 
Counter-Strike 2 maps.
The components are available in every page without imports. Registered names live in src/constants/software.tsx, add new entries there.
Games
| name | Result |
|---|---|
<Game name="cs2"/> | Counter-Strike 2 |
<Game name="hla"/> |  Half-Life: Alyx |
<Game name="dota2"/> |  Dota 2 |
<Game name="steamvr"/> |  Steam VR |
<Game name="any"/> | Any game |
Tools
| name | Result |
|---|---|
<Tool name="s2v"/> |  Source2 Viewer |
<Tool name="radgen"/> |  RadGen |
<Tool name="github"/> |  GitHub |
<Tool name="ts"/> |  TypeScript |
<Tool name="js"/> | JavaScript |
Socials
| name | Result |
|---|---|
<Social name="discord"/> |  Discord |
Options
All three components accept the same optional attributes:
| Attribute | Description |
|---|---|
link | Makes the badge a link, overrides the default link if the entry has one (e.g. Source2 Viewer). |
label | Replaces the name entirely, useful for naming a specific thing hosted on the software, e.g. a repo on a github badge. |
iconOnly | Hides the name, only the icon is shown. |
size | Icon size, a number in pixels or any CSS size, defaults to matching the surrounding text size. |
<Tool name="s2v" link="https://valveresourceformat.github.io/"/> decompiles compiled maps.
<Tool name="github" label="Datamodel.NET" link="https://github.com/ValveResourceFormat/Datamodel.NET"/> reads and writes kv2 files.
Contact us on our <Social name="discord" label="Discord server" link="https://discord.com/invite/example"/>
An icon only badge: <Game name="cs2" iconOnly/>
Source2 Viewer decompiles compiled maps.
Datamodel.NET reads and writes kv2 files.
Contact us on our Discord server
An icon only badge: