Normal buttons

Interfaces:
id: id of component
class: class of component
onclick: JavaScript action happening when button is clicked

<Button>Button</Button>

Interfaces:
id: id of component
class: class of component
href: href attribute of link

<ButtonLink>Button link</ButtonLink>

Interfaces:
id: id of component
class: class of component
color: css color of button
onclick: JavaScript action happening when button is clicked

<ButtonColored color="var(--accent)">Colored button</ButtonColored>

Interfaces:
id: id of component
class: class of component
color: css color of button
href: href attribute of link

<ButtonColoredLink color="var(--accent)">Colored button link</ButtonColoredLink>