# SelectionCircle

`SelectionCircle` is a circular selection indicator used in selectable lists and forms. When unselected it renders an empty bordered circle; when selected it renders an accent-filled circle with a checkmark inside.

## Usage

```tsx
import { SelectionCircle } from "stream-chat-react-native";

<SelectionCircle selected={isSelected} />;
```

## Props

| Prop                  | Description                                        | Type      |
| --------------------- | -------------------------------------------------- | --------- |
| `selected` (required) | Whether the circle is shown in its selected state. | `boolean` |


---

This page was last updated at 2026-06-30T12:00:26.341Z.

For the most recent version of this documentation, visit [https://getstream.io/chat/docs/sdk/react-native/ui-components/base-ui/selection-circle/](https://getstream.io/chat/docs/sdk/react-native/ui-components/base-ui/selection-circle/).