Input Group

Input Group attaches prefix or suffix addons to a form input, used for currency symbols, units of measurement, URL prefixes, or icon buttons.

Installation

npm install @libretexts/davis-react

Basic Usage

import { InputGroup, Input } from '@libretexts/davis-react';

export default function Example() {
  return (
    <InputGroup prefix="$" suffix=".00">
      <Input placeholder="0" />
    </InputGroup>
  );
}

Documentation in Progress

Full documentation for this component is being written. Check back soon for complete API reference, examples, and accessibility guidelines.