Buttons

HTML Layout

<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.

React Layout

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}
/>

Parameters

Preview

Text Text (coming soon) Text Text (coming soon)

More info