Draft Components

The React based UI components library.

Peer dependencies

draft-components requires the following libraries to be installed:

• react >= 19
• react-dom >= 19

Getting Started

npm install draft-components

// import `draft-components` styles
import 'draft-components/css/draft-components.css';
// import necessary components
import {
  FormField,
  TextInput,
  PasswordInput,
  Button,
} from 'draft-components';

function App() {
  return (
    <form>
      <FormField label="Username" labelFor="username">
        <TextInput id="username" name="username" />
      </FormField>
      <FormField label="Password" labelFor="password">
        <PasswordInput id="password" name="password" />
      </FormField>
      <Button>Sign in</Button>
    </form>
  );
}