# `PhoenixStorybook.Stories.VariationGroup`
[🔗](https://github.com/phenixdigital/phoenix_storybook/blob/v1.2.0/lib/phoenix_storybook/stories/variation.ex#L51)

A variation group is a set of similar variations that will be rendered together in a single
preview <pre> block.

## Usage
```elixir
  def variations do
    [
      %VariationGroup{
        id: :colors,
        description: "Different color buttons",
        note: "Note that every button has a different color.",
        variations: [
          %Variation{
            id: :blue_button,
            attributes: %{label: "A button", color: :blue }
          },
          %Variation{
            id: :red_button,
            attributes: %{label: "A button", color: :red }
          },
          %Variation{
            id: :green_button,
            attributes: %{label: "A button", color: :green }
          }
        ]
      }
    ]
  end
```

# `t`

```elixir
@type t() :: %PhoenixStorybook.Stories.VariationGroup{
  description: String.t() | nil,
  id: atom(),
  note: String.t() | nil,
  template: :unset | String.t() | nil | false,
  variations: [PhoenixStorybook.Stories.Variation.t()]
}
```

---

*Consult [api-reference.md](api-reference.md) for complete listing*