open-index/open-npm huggingface dataset:
npm package: @imaginary-maths/text-poster
Description: Web library for typesetting poster-style text.
Author: Eric Londaits
Latest version: 1.0.1

# text-poster
Web library for typesetting text within a rectangular area in a poster style.

This library places text on a container by using a maximum line height and a minimum line height. Text is 
distributed in lines trying to fit as much text as possible in a single line, down to the minimum line
height. Text will be stretched to meet the borders of the container but no more than the line exceeds the
maximum.

... It's hard to explain. Just try the [demo](https://imaginary.github.io/text-poster).

## Usage

This library can be imported through npm / yarn (`@imaginary-maths/text-poster`) or directly imported
through HTML and accessed through the global object `TextPoster`.

```
const TextPoster = require('@imaginary-maths/text-poster');
const container = document.getElementById('textContainer');
TextPoster.render(container, 'Hello world');
```

See `index.html` for a better example.

Check `src/main.js` for available options.

The font used is whatever was assigned to the container through the magic of CSS.

### Escape codes

If a line starts with `@@` it's height will be made the minimum (according to parameters) 
and the text will be centered.  

## Credits

Created by [Eric Londaits](https://github.com/elondaits) for IMAGINARY gGmbH. 

## License

Copyright (c) 2019 IMAGINARY
Licensed under the MIT license. See LICENSE file.
npm package: @imagine-cx/imaginecx-library
Description: A collection of UI components by Imagine CX.
Author: Imagine CX
Latest version: 0.6.7

# ImagineCX Library

A collection of UI components by Imagine CX.

## Installation

```bash
npm install @imagine-cx/imaginecx-library
# or
yarn add @imagine-cx/imaginecx-library
# or
pnpm add @imagine-cx/imaginecx-library
```

## Setup

### Styles

1. Import the CSS in your main entry file:

```jsx
import '@imagine-cx/imaginecx-library/style.css';
```

2. Configure your Tailwind CSS to recognize the prefixed classes:

Add this to your tailwind.config.js:

```js
/** @type {import('tailwindcss').Config} */
export default {
  // Your existing configuration...
  content: [
    // Add this to include node_modules components
    './node_modules/@imagine-cx/imaginecx-library/**/*.{js,jsx,ts,tsx}',
    // Your existing content paths
    './src/**/*.{js,jsx,ts,tsx}',
  ],
  // Your other configurations...
};
```

## Usage

```jsx
import { Button } from '@imagine-cx/imaginecx-library';

function App() {
  return (
    <div>
      <Button variant="primary">Click me</Button>
    </div>
  );
}
```