# Color Input Group · HeroUI

> Local HeroUI v3 documentation for Color Input Group.

- Page: https://jiguang132.com/systems/heroui/docs/components/color-input-group
- Based on: HeroUI documentation (Apache-2.0) @ 60edd8ed751b1d2a270623fbb182bbcfa8baa9af

## Overview

Color Input Group is a public HeroUI v3 module in the Color category.

For the complete compound API, also read [Color Field](/systems/heroui/docs/components/color-field).

## Local interactive example

> Example `jguang-color-input-group-basic`: interactive preview on https://jiguang132.com/systems/heroui/docs/components/color-input-group

## Installation

```tsx
import { ColorInputGroup } from "@heroui/react/color-input-group";
```

## Public module API

This module exposes 6 public runtime exports:

`ColorInputGroup` · `ColorInputGroupInput` · `ColorInputGroupPrefix` · `ColorInputGroupRoot` · `ColorInputGroupSuffix` · `colorInputGroupVariants`

---

Index of all JGuang resources: https://jiguang132.com/llms.txt