# Sentiment Radio Group

> This Sentiment Radio Group component reimagines the standard radio input into a feedback-friendly, card-based design. Each option is presented as a horizontal card with an emoji, a clear title, and an optional description, making it easy for users to quickly identify and select how they feel. The active choice is emphasized with accent styling and a glowing green dot in the corner, providing instant visual confirmation. Smooth hover and focus states enhance usability, while Radix ensures accessibility and keyboard support. This approach is particularly effective for surveys, reviews, or customer satisfaction forms, where you want to capture more nuanced feedback in a way that feels intuitive, expressive, and engaging.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: @radix-ui/react-radio-group
- Live preview: https://21st.dev/@ruixen.ui/components/sentiment-radio-group

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/sentiment-radio-group?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt