AI Placeholder Generator

A React hook/component that dynamically generates AI-powered placeholders using OpenAI.

Installation

yarn add ai-placeholder

Usage

import { PlaceholderInput } from "ai-placeholder";

function App() {
  return <PlaceholderInput type="email" apiKey="sk-xxxxxx" />;
}

Features

• Dynamically generates context-aware placeholders.
• Supports various input types (text, email, number, etc.).
• Easy to integrate with any React form.

API

PlaceholderInput

A React component that generates smart placeholders.

Props: | Prop | Type | Description | |----------|--------|--------------------------------| | type | string | Input type (e.g., "text", "email", "number"). | | apiKey | string | OpenAI API key for fetching placeholders. |

usePlaceholder

A React hook for fetching AI-generated placeholders.

import { usePlaceholder } from "ai-placeholder";

function MyComponent() {
  const placeholder = usePlaceholder("password", "sk-xxxxxx");
  return <input type="password" placeholder={placeholder} />;
}

License

MIT