Control Group

Pack name: seed-control-group

Control group object pack for Seed

Contents

Install

npm install seed-control-group --save

Dependencies


Example

<div class="o-control-group" role="group">
  <input class="c-input o-control-group__block" value="I'm an input!" />
  <button class="c-button">Button!</button>
</div>

Configurations

Button groups

Using the button component from seed-button.

<div class="o-control-group" role="group">
  <button class="c-button">Button</button>
  <button class="c-button">Button</button>
  <button class="c-button">Button</button>
</div>

Input addons

Combining components from seed-input-addons and seed-input.

$
.00
<div class="o-control-group" role="group">
  <div class="c-input-addon">$</div>
  <input class="c-input o-control-group__block" value="1,000,000,000">
  <div class="c-input-addon">.00</div>
</div>