@yarcl/react
    Preparing search index...

    Function Input

    • A text input with optional content on either side, styled from the consumer's design tokens. Shares the base size scale with Button; component size overrides can adjust either one. color sets the focus border. Inside a Field, it is labelled and described automatically. Slots share the input's border and inherit its typography and icon size. Padding belongs to the editable input; slots control their own spacing. Direct buttons attach with square inner corners and the control's outer corners, retaining their focus rings.

      Parameters

      Returns Element

      <Input startContent="$" endContent="USD" aria-label="Amount in US dollars" />