reactnative-visual
  • @dormakaba/digital-reactnative-visual
  • Getting started
  • Changelog
  • Components
    • Avatar
    • Button
    • Card
    • Checkbox / Radio
    • Icons
    • IconButton
    • Image Cropper
    • Page, Row, Col
    • List, ListItem
    • Modal
    • Notification
    • QR Code Reader
    • Select
    • Snack
    • Swipeable
    • Textfield
    • Typography: H1, P, Label, Hint, Text
  • Page Templates
    • Animated Login View
    • Login Area View
    • Animated Panel List
    • Animated Avatar View
  • Misc
    • Colors
    • VisualProvider
  • Show Cases
    • exivo
Powered by GitBook
On this page
  • Preview
  • Code sample
  • Props
  1. Components

IconButton

Used for call to actions cards and tabs...

PreviousIconsNextImage Cropper

Last updated 6 years ago

Preview

Code sample

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

// single button
<IconButton
  icon="icon-news"
  onPress={() => {}}
>
  text&icon
</IconButton>

// add as panel
<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
  <IconButton icon="icon-news" onPress={() => {}}>text&icon</IconButton>
  <IconButton icon="icon-badge" onPress={() => {}}>text & icon</IconButton>
  <IconButton icon="icon-admin" primary onPress={() => {}}>text & icon</IconButton>
  <IconButton icon="icon-door" disabled onPress={() => {}}>text&icon&tolongforeverything</IconButton>
</View>

Props

Name

Type

Description

icon

string

Name of the icon to show

primary

boolean

blue color

disabled

boolean

disabled state