Button

Buttons - every app needs buttons ;)

Preview

The button comes in 4 variations and can hold an additional icon. Optionally you can define the button as a block element.

Code Sample

import { Button } from '@dormakaba/digital-reactnative-visual'

<Button
  primary
  disabled
  onPress={() => {}}
>
  Primary
</Button>

<Button
  icon="icon-news"
  disabled
  onPress={() => {}}
>
  text&icon
</Button>

Props

Name	Type	Description
*	boolean	set type with any of: primary, secondary, tertiary (default: text button)
icon	string	name of the icon to display
onPress	function	the action to perform on pressing the button
disabled	boolean	set to disabled state - no interaction possible
*	boolean	set default margin by using: marginLeft, marginRight
block	boolean	set to block button