open-index/open-npm huggingface dataset:
npm package: @numl-react/account-connection
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/account-connection

Intro: WIP

## Installation

```sh
yarn add @numl-react/account-connection

# or

npm i @numl-react/account-connection
```

## Import Components

```jsx
import { AccountConnection } from '@numl-react/account-connection';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/action-list
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/action-list

Intro: WIP

## Installation

```sh
yarn add @numl-react/action-list

# or

npm i @numl-react/action-list
```

## Import Components

```jsx
import { ActionList } from '@numl-react/action-list';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/atoms
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/atoms

Intro: WIP

## Installation

```sh
yarn add @numl-react/atoms

# or

npm i @numl-react/atoms
```

## Import Components

```jsx
import { Avatar, Button } from '@numl-react/atoms';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/avatar
Description: Avatars are used to show a thumbnail representation of an individual or business in the interface.
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/avatar

Intro: WIP

## Installation

```sh
yarn add @numl-react/avatar

# or

npm i @numl-react/avatar
```

## Import Components

```jsx
import { Avatar } from '@numl-react/avatar';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/badge
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/badge

Intro: WIP

## Installation

```sh
yarn add @numl-react/badge

# or

npm i @numl-react/badge
```

## Import Components

```jsx
import { Badge } from '@numl-react/badge';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/banner
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/banner

Intro: WIP

## Installation

```sh
yarn add @numl-react/banner

# or

npm i @numl-react/banner
```

## Import Components

```jsx
import { Banner } from '@numl-react/banner';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/bottom-navigation
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/bottom-navigation

Intro: WIP

## Installation

```sh
yarn add @numl-react/bottom-navigation

# or

npm i @numl-react/bottom-navigation
```

## Import Components

```jsx
import { BottomNavigation } from '@numl-react/bottom-navigation';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/button
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/button

Buttons are used primarily for actions, such as “Add”, “Close”, “Cancel”, or “Save”. Plain buttons, which look similar to links, are used for less important or less commonly used actions, such as “view shipping settings”.

For navigational actions that appear within or directly following a sentence, use the [link component](https://github.com/numldesign/numl-react/tree/master/packages/Atoms/Link).

## Installation

```sh
yarn add @numl-react/button

# or

npm i @numl-react/button
```

## Import Components

```jsx
import { Button } from '@numl-react/button';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/callout-card
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/callout-card

Intro: WIP

## Installation

```sh
yarn add @numl-react/callout-card

# or

npm i @numl-react/callout-card
```

## Import Components

```jsx
import { CalloutCard } from '@numl-react/callout-card';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/card
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/card

Intro: WIP

## Installation

```sh
yarn add @numl-react/card

# or

npm i @numl-react/card
```

## Import Components

```jsx
import { Card } from '@numl-react/card';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/carousel
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/carousel

Intro: WIP

## Installation

```sh
yarn add @numl-react/carousel

# or

npm i @numl-react/carousel
```

## Import Components

```jsx
import { Carousel } from '@numl-react/carousel';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/checkbox
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/checkbox

Intro: WIP

## Installation

```sh
yarn add @numl-react/checkbox

# or

npm i @numl-react/checkbox
```

## Import Components

```jsx
import { Checkbox } from '@numl-react/checkbox';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/chip
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/chip

Intro: WIP

## Installation

```sh
yarn add @numl-react/chip

# or

npm i @numl-react/chip
```

## Import Components

```jsx
import { Chip } from '@numl-react/chip';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/choice-list
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/choice-list

Intro: WIP

## Installation

```sh
yarn add @numl-react/choice-list

# or

npm i @numl-react/choice-list
```

## Import Components

```jsx
import { ChoiceList } from '@numl-react/choice-list';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/color-picker
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/color-picker

Intro: WIP

## Installation

```sh
yarn add @numl-react/color-picker

# or

npm i @numl-react/color-picker
```

## Import Components

```jsx
import { ColorPicker } from '@numl-react/color-picker';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/contextual-savebar
Description: The contextual savebar can be used to indicate users, that they have unsaved changes that needs to be saved or discarded.
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/contextual-savebar

## Introduction

The contextual savebar can be used to indicate users, that they have unsaved changes that needs to be saved or discarded.

## Installation

```sh
yarn add @numl-react/contextual-savebar
# or
npm i @numl-react/contextual-savebar
```

## Import Components

```js
import { ContextualSaveBar } from '@numl-react/organisms';
// or
import { ContextualSaveBar } from '@numl-react/contextual-savebar';
```

## Component

```jsx
<ContextualSaveBar
  message="Unsaved Changes"
  button={[
    <>
      <Button.Small>Discard</Button.Small>
      <Button.Small theme="special">Save</Button.Small>
    </>,
  ]}
/>
```

## Usage

WIP

## References

WIP
npm package: @numl-react/core
Description: Core Packages of Numl React by NUML.Design.
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/core

Intro: WIP

## Installation

```sh
yarn add @numl-react/core

# or

npm i @numl-react/core
```

## Import Components

```jsx
import { Avatar, Button, El, Atoms, Molecules } from '@numl-react/core';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/datatable
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/datatable

Intro: WIP

## Installation

```sh
yarn add @numl-react/datatable

# or

npm i @numl-react/datatable
```

## Import Components

```jsx
import { DataTable } from '@numl-react/datatable';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/date-picker
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/date-picker

Intro: WIP

## Installation

```sh
yarn add @numl-react/date-picker

# or

npm i @numl-react/date-picker
```

## Import Components

```jsx
import { DatePicker } from '@numl-react/date-picker';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/dialogue-box
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/dialogue-box

Intro: WIP

## Installation

```sh
yarn add @numl-react/dialogue-box

# or

npm i @numl-react/dialogue-box
```

## Import Components

```jsx
import { DialogueBox } from '@numl-react/dialogue-box';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/dropzone
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/dropzone

WIP

## Installation

```sh
yarn add @numl-react/dropzone

# or

npm i @numl-react/dropzone
```

## Import Components

```jsx
import { Dropzone } from '@numl-react/dropzone';
```

## Component:

WIP

## Usage

WIP

## References:

WIP
npm package: @numl-react/elements
Description: Attribute Provider Box for Numl React by NUML.Design.
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/elements

Intro: WIP

## Installation

```sh
yarn add @numl-react/elements

# or

npm i @numl-react/elements
```

## Import Components

```jsx
import { El } from '@numl-react/elements';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/empty-state
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/empty-state

WIP

## Installation

```sh
yarn add @numl-react/empty-state

# or

npm i @numl-react/empty-state
```

## Import Components

```jsx
import { EmptyState } from '@numl-react/empty-state';
```

## Component:

WIP

## Usage

WIP

## References:

WIP
npm package: @numl-react/exception-list
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/exception-list

Intro: WIP

## Installation

```sh
yarn add @numl-react/exception-list

# or

npm i @numl-react/exception-list
```

## Import Components

```jsx
import { ExceptionList } from '@numl-react/exception-list';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/filters
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/filters

Intro: WIP

## Installation

```sh
yarn add @numl-react/filters

# or

npm i @numl-react/filters
```

## Import Components

```jsx
import { Filters } from '@numl-react/filters';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/footer-help
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/footer-help

Intro: WIP

## Installation

```sh
yarn add @numl-react/footer-help

# or

npm i @numl-react/footer-help
```

## Import Components

```jsx
import { FooterHelp } from '@numl-react/footer-help';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/form
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/form

Intro: WIP

## Installation

```sh
yarn add @numl-react/form

# or

npm i @numl-react/form
```

## Import Components

```jsx
import { Form } from '@numl-react/form';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/icon
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/icon

Intro: WIP

## Installation

```sh
yarn add @numl-react/icon

# or

npm i @numl-react/icon
```

## Import Components

```jsx
import { Icon } from '@numl-react/icon';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/link
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/link

Intro: WIP

## Installation

```sh
yarn add @numl-react/link

# or

npm i @numl-react/link
```

## Import Components

```jsx
import { Link } from '@numl-react/link';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/location-card
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/location-card

Intro: WIP

## Installation

```sh
yarn add @numl-react/location-card

# or

npm i @numl-react/location-card
```

## Import Components

```jsx
import { LocationCard } from '@numl-react/location-card';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/media-card
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/menu

Intro: WIP

## Installation

```sh
yarn add @numl-react/menu

# or

npm i @numl-react/menu
```

## Import Components

```jsx
import { Menu } from '@numl-react/menu';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/menu
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/media-card

WIP

## Installation

```sh
yarn add @numl-react/media-card

# or

npm i @numl-react/media-card
```

## Import Components

```jsx
import { MediaCard } from '@numl-react/media-card';
```

## Component:

WIP

## Usage

WIP

## References:

WIP
npm package: @numl-react/message-error
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/message-error

Intro: WIP

## Installation

```sh
yarn add @numl-react/message-error

# or

npm i @numl-react/message-error
```

## Import Components

```jsx
import { MessageError } from '@numl-react/message-error';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/modal
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/modal

Intro: WIP

## Installation

```sh
yarn add @numl-react/modal

# or

npm i @numl-react/modal
```

## Import Components

```jsx
import { Modal } from '@numl-react/modal';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/molecules
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/molecules

Intro: WIP

## Installation

```sh
yarn add @numl-react/molecules

# or

npm i @numl-react/molecules
```

## Import Components

```jsx
import { Avatar, Button, Link } from '@numl-react/molecules';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/navigation-bar
Description: The navigationbar component is used to display the primary navigation in the sidebar. Navigation Bar includes a list of links that wants to move between page.
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/navigation-bar

## Introduction

The navigationbar component is used to display the primary navigation in the sidebar. Navigation Bar includes a list of links that wants to move between page.

## Installation

```sh
yarn add @numl-react/navigation-bar

# or

npm i @numl-react/navigation-bar
```

## Import Components

```jsx
import { NavigationBar } from '@numl-react/navigation-bar';
```

## Component

```jsx
<El.Block height="100vh">
  <NavigationBar footer={footer}>
    <NavigationBar.Section items={items} />
    <NavigationBar.Section items={items} title="Analytics" />
  </NavigationBar>
</El.Block>
```

## Usage

WIP

## References

WIP
npm package: @numl-react/option-list
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/option-list

Intro: WIP

## Installation

```sh
yarn add @numl-react/option-list

# or

npm i @numl-react/option-list
```

## Import Components

```jsx
import { OptionList } from '@numl-react/option-list';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/page-action
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/page-action

Intro: WIP

## Installation

```sh
yarn add @numl-react/page-action

# or

npm i @numl-react/page-action
```

## Import Components

```jsx
import { PageAction } from '@numl-react/page-action';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/pagination
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/pagination

An accordion is a vertically stacked set of interactive headings that each
contain a title or content snippet representing a section of content.

The headings function as controls that enable users to reveal or hide their
associated sections of content.

## Installation

```sh
yarn add @numl-react/pagination

# or

npm i @numl-react/pagination
```

## Import Components

```jsx
import { Pagination } from '@numl-react/pagination';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/placeholder
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/placeholder

## Installation

```sh
yarn add @numl-react/placeholder

# or

npm i @numl-react/placeholder
```

## Import Components

```jsx
import { Placeholder } from '@numl-react/placeholder';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/pop-over
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/pop-over

Intro: WIP

## Installation

```sh
yarn add @numl-react/pop-over

# or

npm i @numl-react/pop-over
```

## Import Components

```jsx
import { Popover } from '@numl-react/pop-over';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/product-card
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/product-card

Intro: WIP

## Installation

```sh
yarn add @numl-react/product-card

# or

npm i @numl-react/product-card
```

## Import Components

```jsx
import { ProductCard } from '@numl-react/product-card';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/progress-bar
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/progress-bar

Intro: WIP

## Installation

```sh
yarn add @numl-react/progress-bar

# or

npm i @numl-react/progress-bar
```

## Import Components

```jsx
import { ProgressBar } from '@numl-react/progress-bar';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/radio
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/radio

Intro: WIP

## Installation

```sh
yarn add @numl-react/radio

# or

npm i @numl-react/radio
```

## Import Components

```jsx
import { Radio } from '@numl-react/radio';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/range-slider
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/range-slider

Intro: WIP

## Installation

```sh
yarn add @numl-react/range-slider

# or

npm i @numl-react/range-slider
```

## Import Components

```jsx
import { RangeSlider } from '@numl-react/range-slider';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/resource-list
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/resource-list

Intro: WIP

## Installation

```sh
yarn add @numl-react/resource-list

# or

npm i @numl-react/resource-list
```

## Import Components

```jsx
import { ResourceList } from '@numl-react/resource-list';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/search
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/search

Intro: WIP

## Installation

```sh
yarn add @numl-react/search

# or

npm i @numl-react/search
```

## Import Components

```jsx
import { Search } from '@numl-react/search';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/setting-card
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/setting-card

Intro: WIP

## Installation

```sh
yarn add @numl-react/setting-card

# or

npm i @numl-react/setting-card
```

## Import Components

```jsx
import { SettingCard } from '@numl-react/setting-card';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/setting-toggle
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/setting-toggle

Intro: WIP

## Installation

```sh
yarn add @numl-react/setting-toggle

# or

npm i @numl-react/setting-toggle
```

## Import Components

```jsx
import { SettingToggle } from '@numl-react/setting-toggle';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/sheet
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/sheet

Intro: WIP

## Installation

```sh
yarn add @numl-react/sheet

# or

npm i @numl-react/sheet
```

## Import Components

```jsx
import { Sheet } from '@numl-react/sheet';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/switch
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/switch

Intro: WIP

## Installation

```sh
yarn add @numl-react/switch

# or

npm i @numl-react/switch
```

## Import Components

```jsx
import { Switch } from '@numl-react/switch';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/tabs
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/tabs

Intro: WIP

## Installation

```sh
yarn add @numl-react/tabs

# or

npm i @numl-react/tabs
```

## Import Components

```jsx
import { Tabs } from '@numl-react/tabs';
```

## Component

WIP

## Usage

a
WIP

## References

WIP
npm package: @numl-react/tag
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/tag

Intro: WIP

## Installation

```sh
yarn add @numl-react/tag

# or

npm i @numl-react/tag
```

## Import Components

```jsx
import { Tag } from '@numl-react/tag';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/text-area
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/text-area

Intro: WIP

## Installation

```sh
yarn add @numl-react/text-area

# or

npm i @numl-react/text-area
```

## Import Components

```jsx
import { TextArea } from '@numl-react/text-area';
```

## Component

WIP

## Usage

a
WIP

## References

WIP
npm package: @numl-react/text-input
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/text-input

Intro: WIP

## Installation

```sh
yarn add @numl-react/text-input

# or

npm i @numl-react/text-input
```

## Import Components

```jsx
import { TextInput } from '@numl-react/text-input';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/thumbnail
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/thumbnail

Intro: WIP

## Installation

```sh
yarn add @numl-react/thumbnail

# or

npm i @numl-react/thumbnail
```

## Import Components

```jsx
import { Thumbnail } from '@numl-react/thumbnail';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/toast
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/toast

Intro: WIP

## Installation

```sh
yarn add @numl-react/toast

# or

npm i @numl-react/toast
```

## Import Components

```jsx
import { Toast } from '@numl-react/toast';
```

## Component

WIP

## Usage

a
WIP

## References

WIP
npm package: @numl-react/tool-tip
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/tooltip

Intro: WIP

## Installation

```sh
yarn add @numl-react/tooltip

# or

npm i @numl-react/tooltip
```

## Import Components

```jsx
import { Tooltip } from '@numl-react/tooltip';
```

## Component

WIP

## Usage

a
WIP

## References

WIP
npm package: @numl-react/top-bar
Description: A simple and customizable top bar component to search, access menus, and navigate by clicking on the logo
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/action-list

Intro: WIP

## Installation

```sh
yarn add @numl-react/action-list

# or

npm i @numl-react/action-list
```

## Import Components

```jsx
import { ActionList } from '@numl-react/action-list';
```

## Component

WIP

## Usage

WIP

## References

WIP
npm package: @numl-react/utility
Description: A simple and accessible component for React by numl design
Author: Numl.Design Team
Latest version: 0.0.37

# @numl-react/utility

Intro: WIP

## Installation

```sh
yarn add @numl-react/utility

# or

npm i @numl-react/utility
```

## Import Components

```jsx
import { Avatar, Button, Link } from '@numl-react/utility';
```

## Component

WIP

## Usage

WIP

## References

WIP