Text & Media Layout Component

A lightweight, responsive component for combining text and media content with various layout options.

Features

- Responsive design
- Multiple layout options
- Support for images and videos
- Customizable themes
- Lightweight (2.5KB gzipped)
- No dependencies
- React version available

Installation

``bash
npm install text-media
`

Usage

$3

`html


Your Title

Your content goes here.

`jsx
import { TextMedia } from 'text-media-react';

function MyComponent() {
return (




Your Title

Your content goes here.

);
}

A React version of the demo is available in the demo directory. To run it:

1. Start a local server:
`bash
python3 -m http.server 8000
`

2. Open http://localhost:8000/demo/react-demo.html

The React demo showcases:
- Component integration with React
- Responsive layout
- Image handling
- Custom styling

Options

$3

- text-media--reverse: Reverses the order of text and media
- text-media--stack: Stacks text and media vertically
- text-media--center: Centers content vertically

$3

- text-media--light: Light theme
- text-media--dark: Dark theme
- text-media--purple-background: Purple background theme

Development

1. Clone the repository
2. Install dependencies: npm install
3. Run tests: npm test
4. Build: npm run build`

License

MIT