> For the complete documentation index, see [llms.txt](https://dormakaba-digital.gitbook.io/reactnative-visual/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://dormakaba-digital.gitbook.io/reactnative-visual/components/icon-button.md).

# IconButton

## Preview

![](/files/-LGjgKrP9MeU5NsI1xCp)

## Code sample

```jsx
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           |