# CIGCluster Web Component

This is a web component that groups CIG rows together into a cluster. It also creates a title for the cluster that handles sticky expand/collapse behavior. Note that the cluster will be hidden if it does not have rows or if all rows are empty.

## Examples

HTML

```html
<btu-cig-cluster cluster-title="Example Title" tab="Main">
  <div class="CIG-row" data-tab="Main">
    <div class="CIG-small">Example Field 1</div>
  </div>
  <div class="CIG-row" data-tab="Main">
    <div class="CIG-small">Example Field 2</div>
  </div>
</btu-cig-cluster>
```

## Properties

| Name           | Type   | Description                                                    |
| -------------- | ------ | -------------------------------------------------------------- |
| `clusterTitle` | string | The text used for the title of the cluster.                    |
| `tab`          | string | The name of the tab container that the cluster is assigned to. |

## States

| Name           | Description                                                                                          |
| -------------- | ---------------------------------------------------------------------------------------------------- |
| `btu-error`    | Indicates an error in one of the cluster's fields. For example, a blank entry into a required field. |
| `btu-expanded` | Indicates that the cluster container is in the expanded state. Otherwise the cluster is collapsed.   |
