Modrinth/docs/components/button.md

Buttons

Standard

Save Upload Create new instance Submit for review Delete

<Button><HeartIcon /> Like</Button>
<Button color="primary"><UploadIcon /> Upload</Button>
<Button color="secondary"><EditIcon /> Edit</Button>
<Button color="highlight"><ScaleIcon /> Submit for review</Button>
<Button color="danger"><TrashIcon /> Delete</Button>

Large

Download Host a Server Donate

<Button color="primary" large><DownloadIcon /> Download</Button>
<Button color="blue" large><ServerIcon /> Host a Server</Button>
<Button color="purple" large><HeartIcon /> Donate</Button>

Outline

Get Modrinth App Report project

<Button color="primary" outline><DownloadIcon/> Get Modrinth App</Button>
<Button color="red" outline><ReportIcon /> Report project</Button>

Transparent

Report issues View sources Visit website

<Button transparent><IssuesIcon /> Report issues</Button>
<Button transparent><CodeIcon /> View sources</Button>
<Button color="blue" transparent><GlobeIcon/> Visit website</Button>

Icon-only

<Button icon-only><HeartIcon /></Button>
<Button icon-only><XIcon /></Button>
<Button icon-only><MoreHorizontalIcon /></Button>
<Button icon-only transparent><SunIcon /></Button>
<Button icon-only transparent><DropdownIcon /></Button>