Skip to content

Input group should not use same id guid on multiple inputs #4

@Stanton

Description

@Stanton

Example:

<FormGroup labelText="Append Button"  helpText={helpText}>
    <InputGroup>
        <TextInput />
        <TextInput />
        <Button>One</Button>
        <Button>Two</Button>
    </InputGroup>
</FormGroup>

Creates:

<div class="form__group">
  <label for="id-guid-hpDeUrkpRS" class="control__label">Append Button</label>
  <div class="controls">
    <div class="input-group has-btn-appended">
      <input class="form__control" id="id-guid-hpDeUrkpRS" aria-describedby="help-guid-hpDeUrkpRS" type="text">
      <input class="form__control" id="id-guid-hpDeUrkpRS" aria-describedby="help-guid-hpDeUrkpRS" type="text">
      <span class="input-group-btn">
        <button class="btn">One</button>
      </span>
      <span class="input-group-btn">
        <button class="btn">Two</button>
      </span>
    </div>
    <span id="help-guid-hpDeUrkpRS" class="help-block">Help text to give more information about expected input</span>
  </div>
</div>

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions