Container

Layout wrapper component that provides consistent styling and structure for all Hyperkit components.

Overview

The Container component wraps other Hyperkit components to provide consistent spacing, borders, and background styling. All components inherit from Container.

Props

Usage

Container is used internally by all Hyperkit components, but you can also use it directly:

import { Container } from 'hyperkit';

function App() {
  return (
    <Container className="custom-class">
      <p>Your content here</p>
    </Container>
  );
}