open-index/open-npm huggingface dataset:
npm package: @kaakao-ui/box
Description: Box is the most abstract Kaakao-UI layout component.
Author: Daniel Yuschick
Latest version: 0.0.11

# @kaakao-ui/box [![npm version](https://flat.badgen.net/npm/v/@kaakao-ui/box)](https://www.npmjs.com/package/@kaakao-ui/box)

This package includes the Box component from the Kaakao-UI Design System
[Kaakao-UI Design System](https://github.com/kaakao-ui).

## Description

Box is a base layout component, and the most abstract in Kaakao-UI.

## Installation

```sh
npm install @kaakao-ui/box

# With Peer Dependencies
npm install react react-dom @kaakao-ui/box
```

## Usage

```jsx
import { Box } from '@kaakao-ui/box';

<Box>Kaakao-UI</Box>;
```
npm package: @kaakao-ui/flex
Description: The base Flex component from Kaakao-UI.
Author: Daniel Yuschick
Latest version: 0.0.6

# @kaakao-ui/flex [![npm version](https://flat.badgen.net/npm/v/@kaakao-ui/flex)](https://www.npmjs.com/package/@kaakao-ui/flex)

This package includes the Flex component from the Kaakao-UI Design System
[Kaakao-UI Design System](https://github.com/kaakao-ui).

## Description

Flex is a base layout component in Kaakao-UI.

## Installation

```sh
npm install @kaakao-ui/flex

# With Peer Dependencies
npm install react react-dom @kaakao-ui/flex
```

## Usage

```jsx
import { Flex } from '@kaakao-ui/flex';

<Flex>Kaakao-UI</Flex>;
```
npm package: @kaakao-ui/grid
Description: The base Grid component from Kaakao-UI.
Author: Daniel Yuschick
Latest version: 0.0.6

# @kaakao-ui/grid [![npm version](https://flat.badgen.net/npm/v/@kaakao-ui/grid)](https://www.npmjs.com/package/@kaakao-ui/grid)

This package includes the Grid component from the Kaakao-UI Design System
[Kaakao-UI Design System](https://github.com/kaakao-ui).

## Description

Grid is a base layout component in Kaakao-UI.

## Installation

```sh
npm install @kaakao-ui/grid

# With Peer Dependencies
npm install react react-dom @kaakao-ui/grid
```

## Usage

```jsx
import { Grid } from '@kaakao-ui/grid';

<Grid>Kaakao-UI</Grid>;
```
npm package: @kaakao-ui/text
Description: Text is the base typography component in Kaakao-UI.
Author: Daniel Yuschick
Latest version: 0.0.2

# @kaakao-ui/text [![npm version](https://flat.badgen.net/npm/v/@kaakao-ui/text)](https://www.npmjs.com/package/@kaakao-ui/text)

This package includes the Text component from the Kaakao-UI Design System
[Kaakao-UI Design System](https://github.com/kaakao-ui).

## Description

Text is the base typography component in Kaakao-UI.

## Installation

```sh
npm install @kaakao-ui/text

# With Peer Dependencies
npm install react react-dom @kaakao-ui/text
```

## Usage

```jsx
import { Text } from '@kaakao-ui/text';

<Text>Kaakao-UI</Text>;
```
npm package: @kaakao-ui/visually-hidden
Description: Visually hidden component in the Kaakao-UI Design System.
Author: Daniel Yuschick
Latest version: 0.0.5

# @kaakao-ui/visually-hidden [![npm version](https://flat.badgen.net/npm/v/@kaakao-ui/visually-hidden)](https://www.npmjs.com/package/@kaakao-ui/visually-hidden)

This package includes the Visually Hidden component from the Kaakao-UI Design System
[Kaakao-UI Design System](https://github.com/kaakao-ui).

## Description

Visually Hidden is used when an element needs to be available to assistive technologies like screen readers, but be otherwise hidden.

## Installation

```sh
npm install @kaakao-ui/visually-hidden

# With Peer Dependencies
npm install react react-dom @kaakao-ui/visually-hidden
```

## Usage

```jsx
import { VisuallyHidden } from '@kaakao-ui/visually-hidden';

<VisuallyHidden>Link opens in a new window.</VisuallyHidden>;
```