From Code to Community: Sponsoring The Perl and Raku Conference 2025 Learn more

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
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>