components
Button

Button

import { Button } from "@arkitektbedriftene/fe-lib/ui"

Variants

<Button variant="outline">outline</Button>
<Button variant="primary">primary</Button>
<Button variant="transparent">transparent</Button>

Color

<Button color="primary">primary</Button>
<Button color="secondary">secondary</Button>
<Button color="success">success</Button>
<Button color="danger">danger</Button>
<Button color="warning">warning</Button>

Disabled

<Button variant="primary" disabled>disabled</Button>

Loading

<Button isLoading>isLoading</Button>

Size

<Button size="sm">small</Button>
<Button size="md">medium</Button>
<Button size="lg">large</Button>

Icon

The icon prop will adjust the sizing of the button

  <Button icon><MdSettings /></Button>