---
id: keyboard-context
title: KeyboardContext
---

`KeyboardContext` is provided by [`Channel`](../core-components/channel.mdx) component. If you are not familiar with React Context API, please read about it on [React docs](https://reactjs.org/docs/context.html).

## Basic Usage

`KeyboardContext` can be consumed by any of the child  component of `Channel` component as following:

```tsx
import { useContext } from 'react';
import { KeyboardContext } from 'stream-chat-react-native';

const { dismissKeyboard } = useContext(KeyboardContext);
```

Alternatively, you can also use `useKeyboardContext` hook provided by library to consume KeyboardContext.

```tsx
import { useKeyboardContext } from 'stream-chat-react-native';

const { dismissKeyboard } = useKeyboardContext();
```

## Value

### dismissKeyboard

Function to dismiss the keyboard.

| Type |
| - |
| function |