Button

The buttons allow us to make some principal and secundary actions in the application.

Usage

Import

import { Button } from '@plume/react'

Implementation

<Button
  variant="primary"
  size="sm"
  type="submit"
  onClick={() => handleSubmit()}
  isDark
>
  Send
</Button>

Props and Events

| Prop | Value | Default | |-------------------|---------------------------------------------------------------------|---------| | variant | primary | secondary | tertiary | - | | size | sm | md | lg | md | | type | button | reset | submit | - | | onClick | function: event function that execute to press button | - | | isDark | boolean: if the button is in dark theme | false | | isDisabled | boolean: if the button is able to interact on it | false | | css | object: object that define the component CSS | - |