open-index/open-npm huggingface dataset:
npm package: @ludanin/hestia
Description: Lightweight CSS Grid
Author: ludanin
Latest version: 2.0.1

# @ludanin/hestia

> Lightweight CSS grid with javascript utilities

[![NPM](https://img.shields.io/npm/v/@ludanin/hestia.svg)](https://www.npmjs.com/package/@ludanin/hestia)

## Install

```bash
npm install --save @ludanin/hestia
```

## Usage

```jsx
import React from "react"
import "@ludanin/hestia/min.css"

const App: React.FC = () => (
  <>
    <AppHead />
    <AppBody>
      <div type="container">
        <div type="row">
          <div col="8" behind="2" smDown="10" smDownBehind="1">
            Column Content
          </div>
        </div>
      </div>
    </AppBody>
  </>
)
```

## TypeScript type definitions

If you're using TypeScript it will be necessary to extend JSX HTML Attributes types according to the following snippet:

```tsx
import { HestiaHTMLAttributes } from "@ludanin/hestia/types"

declare module "react" {
  // eslint-disable-next-line @typescript-eslint/no-empty-interface
  export interface HTMLAttributes<T> extends HestiaHTMLAttributes {}
}

const App: React.FC = () => (
  <>
    <AppBody />
  </>
)
```

## License

MIT © [ludanin](https://github.com/ludanin)
npm package: @ludanin/vesta
Description: > Lightweight Bootstrap Grid for @emotion/react
Author: ludanin
Latest version: 1.1.1

# @ludanin/vesta

> Lightweight Bootstrap Grid for @emotion/react

[![NPM](https://img.shields.io/npm/v/@ludanin/vesta.svg)](https://www.npmjs.com/package/@ludanin/vesta)

## Install

```bash
npm install --save @ludanin/vesta
```

## Usage

```jsx
import React from "react"
import { useVesta } from "@ludanin/vesta"

const App: React.FC = () => (
  <>
    <AppHead />
    <Vesta />
    <AppBody>
      <div type="container">
        <div type="row">
          <div col="8" behind="2" smDown="10" smDownBehind="1">
            Column Content
          </div>
        </div>
      </div>
    </AppBody>
  </>
)
```

## TypeScript type definitions

If you're using TypeScript it will be necessary to extend JSX HTML Attributes types according to the following snippet:

```tsx
import { Vesta, VestaHTMLAttributes } from "@ludanin/vesta"

declare module "react" {
  // eslint-disable-next-line @typescript-eslint/no-empty-interface
  export interface HTMLAttributes<T> extends VestaHTMLAttributes<T> {}
}

const App: React.FC = () => (
  <>
    <Vesta />
    <AppBody />
  </>
)
```

## License

MIT © [ludanin](https://github.com/ludanin)