{"library":"rc-input","title":"React Component Input","description":"rc-input is a foundational, unstyled React input component, designed to be highly customizable and often used as a building block for UI libraries like Ant Design. It provides core input functionalities, including features like clearable input. The current stable version is 1.8.0. It receives regular maintenance updates, though a strict release cadence isn't published. A key differentiator is its low-level nature, focusing purely on input logic without opinionated styling, making it highly adaptable. It provides full TypeScript support and manages common input behaviors such as value synchronization and focus handling. The package has a somewhat convoluted naming history, which developers should be aware of.","language":"javascript","status":"active","last_verified":"Sun Apr 19","install":{"commands":["npm install rc-input"],"cli":null},"imports":["import Input from 'rc-input';","import Input from 'rc-input';\n// ...\n<Input.TextArea />","const Input = require('rc-input').default;"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import Input from 'rc-input';\nimport { createRoot } from 'react-dom/client';\n\nconst App = () => (\n  <div>\n    <Input placeholder=\"Basic input\" allowClear />\n    <br />\n    <Input.TextArea placeholder=\"Textarea input\" rows={4} />\n    <br />\n    <Input value=\"Readonly input\" readOnly />\n  </div>\n);\n\nconst mountNode = document.getElementById('root');\nif (mountNode) {\n  const root = createRoot(mountNode);\n  root.render(<App />);\n} else {\n  console.error('Mount node not found!');\n}","lang":"typescript","description":"This example demonstrates basic usage of the Input component, including a clearable input, a textarea, and a readonly input.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}