open-index/open-npm huggingface dataset:
npm package: @react-ck/table
Description: > :warning: **WARNING**: This component library is being updated frequently and it's currently unstable due to being in it's early stages, we advice you to use only in production environments only after version **2.0.0**.
Latest version: 2.0.3

# React CK | Table Component

> :warning: **WARNING**: This component library is being updated frequently and it's currently unstable due to being in it's early stages, we advice you to use only in production environments only after version **2.0.0**.

Thee Styled React Table component is a versatile solution for creating visually appealing and structured tables in React applications. 
This component provides styles and layouts to table-specific elements by using them as children.

By incorporating `<thead>`, `<tbody>`, `<tr>`, `<th>`, and `<td>` elements as children, developers gain precise control over the appearance and structure of their tables. Each child element represents a distinct part of the table, enabling developers to style headers, body rows, and individual cells according to their design requirements.

> **NOTE:** You may prefer to use `DataTable` component as it can receive directly a JSON structure that supports React nodes.

### Installation 

To integrate the this component into your React apps, you can install it using npm or yarn: `npm i --save @react-ck/table` or `yarn add @react-ck/table`.

You will also need to set up the manager, install it using npm or yarn: `npm i --save @react-ck/manager` or `yarn add @react-ck/manager`.

Wrap your app root with the theme provider and use this component:

```tsx
import { Manager } from "@react-ck/manager";
import { Table } from "@react-ck/table";

const myApp = () => (
    <Manager>
        <Table ... />
    </Manager>
);
```

<!-- storybook-ignore -->

---

Check the documentation website - [react-ck.js.org](https://react-ck.js.org).
npm package: @react-ck/tabs
Description: > :warning: **WARNING**: This component library is being updated frequently and it's currently unstable due to being in it's early stages, we advice you to use only in production environments only after version **2.0.0**.
Latest version: 2.0.0

# React CK | Tabs Component

> :warning: **WARNING**: This component library is being updated frequently and it's currently unstable due to being in it's early stages, we advice you to use only in production environments only after version **2.0.0**.

for React applications. It's a powerhouse for developers, providing an efficient way to organize and showcase content while ensuring a streamlined user experience.

With the Tabs component, developers can effortlessly create expandable sections of content, allowing users to toggle open or closed sections to focus on specific details. This functionality is a game-changer for handling extensive text, intricate descriptions, or any additional information without cluttering the user interface

### Installation 

To integrate the this component into your React apps, you can install it using npm or yarn: `npm i --save @react-ck/tabs` or `yarn add @react-ck/tabs`.

You will also need to set up the manager, install it using npm or yarn: `npm i --save @react-ck/manager` or `yarn add @react-ck/manager`.

Wrap your app root with the theme provider and use this component:

```tsx
import { Manager } from "@react-ck/manager";
import { Tabs } from "@react-ck/tabs";

const myApp = () => (
    <Manager>
        <Tabs ... />
    </Manager>
);
```

<!-- storybook-ignore -->

---

Check the documentation website - [react-ck.js.org](https://react-ck.js.org).
npm package: @react-ck/text
Description: > :warning: **WARNING**: This component library is being updated frequently and it's currently unstable due to being in it's early stages, we advice you to use only in production environments only after version **2.0.0**.
Latest version: 2.0.0

# React CK | Text Component

> :warning: **WARNING**: This component library is being updated frequently and it's currently unstable due to being in it's early stages, we advice you to use only in production environments only after version **2.0.0**.

The Text component is a highly adaptable tool designed for displaying textual content in diverse ways within a user interface. With its flexibility and versatility, developers can seamlessly integrate the Text component into their applications, leveraging its multiple variations and component polymorphism. By offering a range of visual styles and the ability to serve as a container for various text elements, this component enhances the overall design and user experience without delving into implementation specifics.

### Installation 

To integrate the this component into your React apps, you can install it using npm or yarn: `npm i --save @react-ck/text` or `yarn add @react-ck/text`.

You will also need to set up the manager, install it using npm or yarn: `npm i --save @react-ck/manager` or `yarn add @react-ck/manager`.

Wrap your app root with the theme provider and use this component:

```tsx
import { Manager } from "@react-ck/manager";
import { Text } from "@react-ck/text";

const myApp = () => (
    <Manager>
        <Text ... />
    </Manager>
);
```

<!-- storybook-ignore -->

---

Check the documentation website - [react-ck.js.org](https://react-ck.js.org).
npm package: @react-ck/textarea
Description: > :warning: **WARNING**: This component library is being updated frequently and it's currently unstable due to being in it's early stages, we advice you to use only in production environments only after version **2.0.0**.
Latest version: 2.0.3

# React CK | Textarea Component

> :warning: **WARNING**: This component library is being updated frequently and it's currently unstable due to being in it's early stages, we advice you to use only in production environments only after version **2.0.0**.

The React Multiline Text Input component in the React-CK library is a fundamental pillar for driving user interactions in React applications. It provides a user-friendly way to collect and validate multiline text, accommodating everything from simple notes to more intricate data such as addresses or code snippets.

This component empowers developers to create various types of multiline text fields, including regular text inputs, password-protected inputs, checkboxes, radio buttons, and more. Dive into the customization pool and define attributes like placeholder text, default values, and validation rules to tailor the component to your exact needs.

### Installation 

To integrate the this component into your React apps, you can install it using npm or yarn: `npm i --save @react-ck/textarea` or `yarn add @react-ck/textarea`.

You will also need to set up the manager, install it using npm or yarn: `npm i --save @react-ck/manager` or `yarn add @react-ck/manager`.

Wrap your app root with the theme provider and use this component:

```tsx
import { Manager } from "@react-ck/manager";
import { Textarea } from "@react-ck/textarea";

const myApp = () => (
    <Manager>
        <Textarea ... />
    </Manager>
);
```

<!-- storybook-ignore -->

---

Check the documentation website - [react-ck.js.org](https://react-ck.js.org).