<a href="#" class="button">
Text
</a>
<a href="#" class="button" disabled>
Text (coming soon)
</a>
<a href="#" class="button mono">
Text
</a>
<a href="#" class="button mono" disabled>
Text (coming soon)
</a>
Supported statuses: Success, warning, error, info. Mono available. Okay to omit.
import { 'Button' } from '@cupid-ui/react';
// [...]
<Button
link="#"
text="Text"
/>
<Button
link="#"
text="Text (coming soon)"
disabled={true}
/>
<Button
link="#"
text="Text"
type="mono"
/>
<Button
link="#"
text="Text (coming soon)"
type="mono"
disabled={true}
/>
title
: Must be a string
. The text displayed on the button.link
(optional): Must be a string
. The link the button goes to.type
(optional): Can be "mono" | "error" | "success" | "warning" | "info"
. Sets the type of button you want.Text Text (coming soon) Text Text (coming soon)