Getting Started

Get up and running with React ASCII UI in minutes.

Installation

Install the package via npm:

npm install react-ascii-ui

Or with yarn:

yarn add react-ascii-ui

Basic Usage

Import and use components in your React application:

import { AsciiButton, AsciiCard, AsciiInput } from 'react-ascii-ui';

function MyComponent() {
  return (
    <AsciiCard title="Login">
      <AsciiInput placeholder="Username" />
      <AsciiInput type="password" placeholder="Password" />
      <AsciiButton>Login</AsciiButton>
    </AsciiCard>
  );
}

TypeScript Support

React ASCII UI is built with TypeScript and provides full type definitions. All components extend the appropriate HTML element props:

import { AsciiButton } from 'react-ascii-ui';

// AsciiButton extends React.ButtonHTMLAttributes<HTMLButtonElement>
<AsciiButton 
  onClick={handleClick}
  disabled={isLoading}
  className="my-custom-class"
>
  Submit
</AsciiButton>

Next Steps