Parts UI - Components / Groups

.parts-group
.parts-input / .parts-btn

The block forming groups of form elements and buttons placed inside

Button 1 Button 2

<div class="parts-group">
  <button type="button" class="parts-btn parts-btn--success">Button 1</button>
  <button type="button" class="parts-btn parts-btn--success">Button 2</button>
</div>

Copied

<div class="parts-group">
  <div class="parts-input">
    <input type="text" placeholder="Input 1"/>
  </div>
  <div class="parts-input">
    <input type="text" placeholder="Input 2"/>
  </div>
  <div class="parts-input">
    <input type="text" placeholder="Input 3"/>
  </div>
</div>

Copied

Button

<div class="parts-group">
  <div class="parts-input">
    <input type="text" placeholder="Input 2"/>
  </div>
  <button type="button" class="parts-btn parts-btn--info flex-0">Button</button>
</div>

Copied

The project is being tested and under development

If you find a mistake or have ideas for the development of the project - send a message