51 lines
1.5 KiB
TypeScript
51 lines
1.5 KiB
TypeScript
"use client";
|
||
|
||
import { Input } from "@/components/ui/input";
|
||
import { InputGroup, InputGroupText } from "@/components/ui/input-group";
|
||
import { Icon } from "@iconify/react";
|
||
|
||
const InputGroupUnmerged = () => {
|
||
return (
|
||
<>
|
||
<InputGroup>
|
||
<InputGroupText>
|
||
<Icon icon="heroicons:magnifying-glass" />
|
||
</InputGroupText>
|
||
|
||
<Input type="text" placeholder="Search.." />
|
||
</InputGroup>
|
||
<InputGroup>
|
||
<InputGroupText color="info" className=" border-info-500">
|
||
<Icon icon="heroicons:magnifying-glass" />
|
||
</InputGroupText>
|
||
<Input type="text" placeholder="Search.." color="info" />
|
||
</InputGroup>
|
||
<InputGroup>
|
||
<Input type="text" placeholder="Search" />
|
||
<InputGroupText>
|
||
<Icon icon="heroicons:magnifying-glass" />
|
||
</InputGroupText>
|
||
</InputGroup>
|
||
<InputGroup>
|
||
<InputGroupText>@</InputGroupText>
|
||
<Input type="text" placeholder="Username" />
|
||
</InputGroup>
|
||
<InputGroup>
|
||
<Input type="text" placeholder="Recient’s username" />
|
||
<InputGroupText>@example.com</InputGroupText>
|
||
</InputGroup>
|
||
<InputGroup>
|
||
<InputGroupText>https://example.com/users/</InputGroupText>
|
||
<Input type="text" placeholder="Recient’s username" />
|
||
</InputGroup>
|
||
<InputGroup>
|
||
<InputGroupText>$10</InputGroupText>
|
||
<Input type="text" placeholder="Recient’s username" />
|
||
<InputGroupText>00.</InputGroupText>
|
||
</InputGroup>
|
||
</>
|
||
);
|
||
};
|
||
|
||
export default InputGroupUnmerged;
|