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

package/README.md

@@ -45,7 +45,38 @@ You can customize the appearance of the component via the following props:
 | `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`.                |
-| `loadMoreText`         | The text to display on the pagination button.                                             |
+| `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" />
+```
 
 ---