Button

How to use

import { Button } from '@ederzadravec@jade-ui'
...
<Button {...props}> LABEL </Button>

Props

variant

'default' │ 'outline' │ 'transparent'

'default'

color

'primary' │ 'error' │ 'alert' │ 'success'

'primary'

onClick

func

() => {}

disabled

bool

false

iconBefore

string

iconAfter

string

bool

false

Examples

variants

<div style={{ display: 'flex', flexDirection: 'row' }}>
  <Button variant="default">Clique aqui</Button>
  <Space left={3} />

  <Button variant="outline">Clique aqui</Button>

  <Space left={3} />

  <Button variant="transparent">Clique aqui</Button>
</div>

<div style={{ display: 'flex', flexDirection: 'row' }}>
  <Button variant="default">Clique aqui</Button>
  <Space left={3} />
  <Button variant="outline">Clique aqui</Button>
  <Space left={3} />
  <Button variant="transparent">Clique aqui</Button>
</div>

colors

<div style={{ display: 'flex', flexDirection: 'row' }}>
  <Button color="primary">Clique aqui</Button>
  <Space left={3} />

  <Button color="error">Clique aqui</Button>

  <Space left={3} />

  <Button color="alert">Clique aqui</Button>

  <Space left={3} />

  <Button color="success">Clique aqui</Button>
</div>

<div style={{ display: 'flex', flexDirection: 'row' }}>
  <Button color="primary">Clique aqui</Button>
  <Space left={3} />
  <Button color="error">Clique aqui</Button>
  <Space left={3} />
  <Button color="alert">Clique aqui</Button>
  <Space left={3} />
  <Button color="success">Clique aqui</Button>
</div>

Button

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}How to use

Props

Examples

variants

colors

How to use