open-index/open-npm huggingface dataset:
npm package: @magicniclus/button
Description: ## Instalation  npm i @magicniclus/button
Author: magicniclus
Latest version: 1.0.3

# Getting Started with Components

## Instalation 
npm i @magicniclus/button

## Usage
````
import { SelectButton } from '@magicniclus/button'

function App() {
  return (
    <div className="App">
      <SelectButton />
      ...
    </div>
  );
}
export default App;
````
npm package: @magicniclus/components
Description: ##Instalation  npm i @magicniclus/components
Author: magicniclus
Latest version: 1.1.0

#Getting Started with Components

##Instalation 
npm i @magicniclus/components

##Usage
````
import { DropDown } from '@magicniclus/component'

function App() {
  return (
    <div className="App">
      <DropDown />
      ...
    </div>
  );
}
export default App;
````
npm package: @magicniclus/dateutils
Description: some date utils for your react application
Latest version: 1.0.3

# Getting Started with Date Utils

## Installation

`npm i @magicniclus/dateutils`

## Usage

In the project directory, you can run:

```
import { DateComponent as Date } from '@magicniclus/dateutils'

function App() {
  return (
    <div className="App">
      <DateComponent />
      ...
    </div>
  );
}
export default App;

```
npm package: @magicniclus/newcomponent
Description: Composant librairie
Author: magicniclus
Latest version: 1.0.5

# Getting Started with Components

## Instalation 
npm i @magicniclus/newcomponent

## Usage
````
import { selectButton } from '@magicniclus/component'

function App() {
  return (
    <div className="App">
      <selectButton />
      ...
    </div>
  );
}
export default App;
````
npm package: @magicniclus/reactdropdownbtn
Description: some date utils for your react application
Latest version: 1.0.1

# Getting Started with Date Utils

## Installation

`npm i @magicniclus/reactdropdownbtn`

## Usage

In the project directory, you can run:

```
import { DropDownBtn } from '@magicniclus/reactdropdownbtn'

function App() {
  return (
    <div className="App">
      <DropDownBtn />
      ...
    </div>
  );
}
export default App;

```
npm package: @magicon/core
Description: Fast, typesafe Icon wrapper for svelte
Author: propolies
Latest version: 0.1.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# magicon

Fast, typesafe Icon wrapper for **svelte**.

## Features
- Tailwindcss support
- Preprocess for instant icons in dev mode

## Inlcuded Icon packs
- [Hero](https://heroicons.com/) - [npm](https://www.npmjs.com/package/@magicon/hero-icons)
- [Lucide](https://lucide.dev/icons/) - [npm](https://www.npmjs.com/package/@magicon/lucide-icons)
- [Logos](https://github.com/gilbarbara/logos) - [npm](https://www.npmjs.com/package/@magicon/logos-icons)

## Usage
```svelte
<script>
  import { Icon, type Icons } from "@magicon/core"
  const icon: Icons = "@hero-ChevronDown"
</script>

<Icon src={icon} class="size-12" />
```

For example all strings matching the pattern `@hero-` will generate the correct imports making this extremely fast.

Read more in the [docs](https://propolies.github.io/magicon/docs/getting-started/introduction)