Input Group

InputGroup merges inputs, prefix/suffix labels, and buttons into a single integrated bar.

Usage

InputGroupExample.tsx

import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupButton } from '@masumdev/rn-ui';

export function InputGroupExample() {
  return (
    <InputGroup>
      <InputGroupAddon>https://</InputGroupAddon>
      <InputGroupInput placeholder="example.com" />
      <InputGroupButton tone="primary">Go</InputGroupButton>
    </InputGroup>
  );
}

Props API

Prop	Type	Default	Description
children	ReactNode	—	InputGroup sub-components.
orientation	'horizontal' | 'vertical'	'horizontal'	Layout direction.