Structura Library

A React component library for document viewing and processing.

Installation

npm install structura-lib

Setup with Tailwind CSS

1. Install the required dependencies:

npm install tailwindcss autoprefixer postcss

2. Add the Structura preset to your tailwind.config.js:

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    // ... your content
    "./node_modules/structura-lib/**/*.{js,ts,jsx,tsx}",
  ],
  presets: [
    require('structura-lib/tailwind.config.js')
  ],
}

3. Import the styles in your main CSS file:

@import 'structura-lib/dist/cjs/styles.css';

Usage

import { Structura } from 'structura-lib';

function App() {
  return (
    <Structura 
      prop={{
        APIKey: "your-api-key"
      }}
    />
  );
}

Features

• PDF document viewing
• Document processing
• Responsive layout
• Dark mode support
• Customizable UI components

License

MIT