@pro6pp/infer-react 0.0.2-beta.8 → 0.1.0-beta.19

package/README.md

@@ -43,6 +43,40 @@ You can customize the appearance of the component via the following props:
 | `renderItem`           | A custom render function for suggestion items, receiving the `item` and `isActive` state. |
 | `renderNoResults`      | A custom render function for the empty state, receiving the current `state`.              |
 | `debounceMs`           | Delay in ms before API search. Defaults to `150` (min `50`).                              |
+| `maxRetries`           | Maximum retry attempts for transient network errors. Valid range: `0` to `10`.            |
+| `showClearButton`      | If `true`, displays a button to empty the input field. Defaults to `true`.                |
+| `loadingText`          | The text displayed at the bottom of the list when fetching more results.                  |
+
+## Styling
+
+By default, the component auto-injects the necessary CSS. You have several options:
+
+### Option 1: Use auto-injected styles (default)
+
+No extra setup needed. The CSS is embedded and injected automatically.
+
+### Option 2: Import CSS separately
+
+If you prefer to import the CSS file directly:
+
+```tsx
+import { Pro6PPInfer } from '@pro6pp/infer-react';
+import '@pro6pp/infer-react/styles.css';
+
+<Pro6PPInfer
+  authKey="..."
+  country="NL"
+  disableDefaultStyles // disable auto-injection since we imported the CSS
+/>;
+```
+
+### Option 3: Fully custom styles
+
+Set `disableDefaultStyles` and provide your own CSS targeting the `.pro6pp-*` classes:
+
+```tsx
+<Pro6PPInfer authKey="..." country="NL" disableDefaultStyles className="my-custom-wrapper" />
+```
 
 ---