InputGroup

---
import {
  Button,
  Input,
  InputGroup
} from '@santi020k/lumen-astro'
---

<InputGroup>
  <span>https://</span>
  <Input aria-label="Domain" placeholder="example.com" />
  <Button size="sm" variant="secondary">Check</Button>
</InputGroup>

import { Button, Input, InputGroup } from '@santi020k/lumen-react'

export const Example = () => (
  <>
    <InputGroup>
      <span>https://</span>
      <Input aria-label="Domain" placeholder="example.com" />
      <Button size="sm" variant="secondary">Check</Button>
    </InputGroup>
  </>
)

<script type="module">
  import { defineLumenElements } from '@santi020k/lumen-elements/define'

  defineLumenElements()
</script>

<lumen-input-group>
  <span>https://</span>
  <lumen-input aria-label="Domain" placeholder="example.com"></lumen-input>
  <lumen-button size="sm" variant="secondary">Check</lumen-button>
</lumen-input-group>