NAME

Moonshine::Bootstrap::Component::InputGroup

SYNOPSIS

   $self->input_group({
        mid => 'basic-addon1',
        placeholder => 'Username',
        left => {
            data => '@'
        }
    });

options

label

    $self->input_group({ label => { data => 'some text' } });
    <label>some text .... </label

mid

Used to map addon and input.

lid

Used to map label to input.

    <label for="lid">
    <input id="lid">

placeholder

left

right

sizing

Sample Output

    <div class="input-group">
        <span class="input-group-addon" id="basic-addon1">@</span>
        <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">
    </div>