Component API
Chipster.Input
placeholder

Placeholder Text

The placeholder prop allows you to set the text or element that appears in the input field when it's empty.

Type

typescript string | React.ReactNode

Usage

ChipsterExample.jsx
import { Chipster } from '@micoblanc/chipster';
 
function ChipsterExample() {
 
return (
   <Chipster
     placeholder="Type a fruit name..."
     // other props...
   />
 );
}

Notes

  • The placeholder will be displayed only when the input field is empty.
  • If you provide a React Node, you can create more complex placeholders with icons or custom styling.