IconButton
Used for call to actions cards and tabs...
Preview
Code sample
Props
Name
Type
Description
icon
string
Name of the icon to show
primary
boolean
blue color
disabled
boolean
disabled state
Last updated
Used for call to actions cards and tabs...
Name
Type
Description
icon
string
Name of the icon to show
primary
boolean
blue color
disabled
boolean
disabled state
Last updated
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>