full-page-panel

A React component for creating full-page panels with fixed positioning. This component ensures that the panel covers the entire viewport and handles container styles appropriately.

Installation

npm install full-page-panel
# or
yarn add full-page-panel

Usage

import { FullPagePanel } from 'full-page-panel';

function App() {
  return (
    <FullPagePanel>
      <div>Your content here</div>
    </FullPagePanel>
  );
}

Features

• Full viewport coverage
• Fixed positioning
• Automatic container style management
• Clean unmounting with style cleanup
• TypeScript support

Props

| Prop | Type | Description | |------|------|-------------| | children | ReactNode | The content to be rendered inside the panel |

Development

# Install dependencies
npm install

# Build the package
npm run build

# Run tests
npm test

# Lint code
npm run lint

# Format code
npm run format

License

MIT