TwigcnBundle

Input Group

Groups an input with addons like icons, buttons, or text.

With Button

With Icon Button

With Addon Text

https://

@example.com

With Icon Addon

Usage

<twig:InputGroup class="gap-2">
    <twig:Input type="email" placeholder="Email" class="flex-1" />
    <twig:Button>Subscribe</twig:Button>
</twig:InputGroup>

<twig:InputGroup>
    <span class="...">https://</span>
    <twig:Input placeholder="example.com" class="rounded-l-none" />
</twig:InputGroup>