گروه ورودی (Input Group)

import {
  InputGroup,
  InputGroupAddon,
  InputGroupInput,
} from '@parto/ui';

export default function MyComponent() {
  return (
    <InputGroup>
      <InputGroupAddon>https://</InputGroupAddon>
      <InputGroupInput placeholder="example.com" />
    </InputGroup>
  );
}

import { Icons } from '@parto/ui';

<InputGroup>
  <InputGroupAddon>
    <Icons.search className="w-4 h-4" />
  </InputGroupAddon>
  <InputGroupInput placeholder="جستجو..." />
</InputGroup>

<InputGroup>
  <InputGroupInput placeholder="ایمیل شما" />
  <InputGroupAddon>
    <InputGroupButton>ارسال</InputGroupButton>
  </InputGroupAddon>
</InputGroup>

<InputGroup>
  <InputGroupAddon align="block-start">
    عنوان
  </InputGroupAddon>
  <InputGroupInput />
  <InputGroupAddon align="block-end">
    توضیحات پایین
  </InputGroupAddon>
</InputGroup>

<InputGroup>
  <InputGroupAddon align="block-start">
    پیام شما
  </InputGroupAddon>
  <InputGroupTextarea rows={4} />
</InputGroup>