---
title: Actions
description: The good and bad response buttons under a reply.
---

<Component path="gemini/examples/gemini-actions" />

<RegistryInstall name="gemini-actions" />

`GeminiActions` renders Gemini's row of round icon buttons, thumbs up and thumbs down. Each one is a shadcn `Button` with a shadcn `Tooltip` below it.

| Prop | Default | Description |
| --- | --- | --- |
| `onGoodResponse` | | Called when the thumbs up is clicked. |
| `onBadResponse` | | Called when the thumbs down is clicked. |

Build your own row from `GeminiActionButton`, which takes a `label` for its tooltip and `aria-label`. Wrap the row in a shadcn `TooltipProvider`:

```tsx
<TooltipProvider delay={200}>
  <GeminiActionButton label="Regenerate" onClick={regenerate}>
    <RefreshCwIcon />
  </GeminiActionButton>
</TooltipProvider>
```

## Used in

**[Gemini](/blocks/gemini)**

A full recreation of the Gemini chat with the animated sparkle, streamed replies and a model picker.