open-index/open-npm huggingface dataset:
npm package: @shcnwc/shadcn-accordion-web-component
Description: A vertically stacked set of interactive headings that each reveal a section of content.
Latest version: 1.3.2

# Accordion

A vertically stacked set of interactive headings that each reveal a section of content.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-accordion-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-accordion-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-accordion-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-accordion-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-accordion-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-accordion-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-accordion-web-component";
</script>

<accordion-root type="single">
  <accordion-item value="item-1">
    <accordion-trigger>is it accessible?</accordion-trigger>
    <accordion-content>
      yes- it adheres to the wai-aria design pattern-
    </accordion-content>
  </accordion-item>
</accordion-root>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/accordion)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-alert-web-component
Description: Displays a callout for user attention.
Latest version: 1.3.2

# Alert

Displays a callout for user attention.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-alert-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-alert-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-alert-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-alert-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-alert-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-alert-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-alert-web-component";
</script>

<alert-root>
  <alert-title>heads up!</alert-title>
  <alert-description>
    you can add components to your app using the cli-
  </alert-description>
</alert-root>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/alert)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-aspect-ratio-web-component
Description: Displays content within a desired ratio.
Latest version: 1.3.2

# Aspect Ratio

Displays content within a desired ratio.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-aspect-ratio-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-aspect-ratio-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-aspect-ratio-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-aspect-ratio-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-aspect-ratio-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-aspect-ratio-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-aspect-ratio-web-component";
</script>

<div class="w-[450px]">
  <aspectratio ratio={16 / 9} class="bg-muted">
    <img src="---" alt="---" class="rounded-md object-cover" />
  </aspectratio>
</div>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/aspect-ratio)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-avatar-web-component
Description: An image element with a fallback for representing the user.
Latest version: 1.3.2

# Avatar

An image element with a fallback for representing the user.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-avatar-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-avatar-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-avatar-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-avatar-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-avatar-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-avatar-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-avatar-web-component";
</script>

<avatar-root>
  <avatar-image src="https://github-com/shadcn-png" alt="@shadcn" />
  <avatar-fallback>cn</avatar-fallback>
</avatar-root>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/avatar)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-badge-web-component
Description: Displays a badge or a component that looks like a badge.
Latest version: 1.3.2

# Badge

Displays a badge or a component that looks like a badge.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-badge-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-badge-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-badge-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-badge-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-badge-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-badge-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-badge-web-component";
</script>

<shadcn-badge variant="outline">badge</shadcn-badge>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/badge)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-breadcrumb-web-component
Description: Displays the path to the current resource using a hierarchy of links.
Latest version: 1.3.2

# Breadcrumb

Displays the path to the current resource using a hierarchy of links.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-breadcrumb-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-breadcrumb-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-breadcrumb-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-breadcrumb-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-breadcrumb-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-breadcrumb-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-breadcrumb-web-component";
</script>

<breadcrumb-root>
  <breadcrumb-list>
    <breadcrumb-item>
      <breadcrumb-link href="/">home</breadcrumb-link>
    </breadcrumb-item>
    <breadcrumb-separator />
    <breadcrumb-item>
      <breadcrumb-link href="/components">components</breadcrumb-link>
    </breadcrumb-item>
    <breadcrumb-separator />
    <breadcrumb-item>
      <breadcrumb-page>breadcrumb</breadcrumb-page>
    </breadcrumb-item>
  </breadcrumb-list>
</breadcrumb-root>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/breadcrumb)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-button-web-component
Description: Displays a button or a component that looks like a button.
Latest version: 1.3.2

# Button

Displays a button or a component that looks like a button.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-button-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-button-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-button-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-button-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-button-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-button-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-button-web-component";
</script>

<shadcn-button variant="outline">button</shadcn-button>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/button)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-calendar-web-component
Description: A calendar component that allows users to select dates.
Latest version: 1.3.2

# Calendar

A calendar component that allows users to select dates.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-calendar-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-calendar-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-calendar-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-calendar-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-calendar-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-calendar-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-calendar-web-component";
</script>

<shadcn-calendar></shadcn-calendar>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/calendar)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-card-web-component
Description: Displays a card with header, content, and footer.
Latest version: 1.3.2

# Card

Displays a card with header, content, and footer.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-card-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-card-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-card-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-card-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-card-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-card-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-card-web-component";
</script>

<card-root>
  <card-header>
    <card-title>card title</card-title>
    <card-description>card description</card-description>
  </card-header>
  <card-content>
    <p>card content</p>
  </card-content>
  <card-footer>
    <p>card footer</p>
  </card-footer>
</card-root>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/card)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-carousel-web-component
Description: A carousel with motion and swipe built using Embla.
Latest version: 1.3.2

# Carousel

A carousel with motion and swipe built using Embla.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-carousel-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-carousel-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-carousel-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-carousel-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-carousel-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-carousel-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-carousel-web-component";
</script>

<carousel-root>
  <carousel-content>
    <carousel-item>---</carousel-item>
    <carousel-item>---</carousel-item>
    <carousel-item>---</carousel-item>
  </carousel-content>
  <carousel-previous />
  <carousel-next />
</carousel-root>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/carousel)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-checkbox-web-component
Description: A control that allows the user to toggle between checked and not checked.
Latest version: 1.3.2

# Checkbox

A control that allows the user to toggle between checked and not checked.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-checkbox-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-checkbox-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-checkbox-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-checkbox-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-checkbox-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-checkbox-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-checkbox-web-component";
</script>

<shadcn-checkbox />
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/checkbox)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-collapsible-web-component
Description: An interactive component which expands/collapses a panel.
Latest version: 1.3.2

# Collapsible

An interactive component which expands/collapses a panel.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-collapsible-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-collapsible-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-collapsible-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-collapsible-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-collapsible-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-collapsible-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-collapsible-web-component";
</script>

<collapsible-root>
  <collapsible-trigger>can i use this in my project?</collapsible-trigger>
  <collapsible-content>
    yes- free to use for personal and commercial projects- no attribution
    required-
  </collapsible-content>
</collapsible-root>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/collapsible)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-command-web-component
Description: Fast, composable, unstyled command menu for Svelte.
Latest version: 1.3.2

# Command

Fast, composable, unstyled command menu for Svelte.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-command-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-command-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-command-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-command-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-command-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-command-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-command-web-component";
</script>

<command-root>
  <command-input placeholder="type a command or search---" />
  <command-list>
    <command-empty>no results found-</command-empty>
    <command-group heading="suggestions">
      <command-item>calendar</command-item>
      <command-item>search emoji</command-item>
      <command-item>calculator</command-item>
    </command-group>
    <command-separator />
    <command-group heading="settings">
      <command-item>profile</command-item>
      <command-item>billing</command-item>
      <command-item>settings</command-item>
    </command-group>
  </command-list>
</command-root>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/command)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-drawer-web-component
Description: A drawer component for Svelte.
Latest version: 1.3.2

# Drawer

A drawer component for Svelte.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-drawer-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-drawer-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-drawer-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-drawer-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-drawer-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-drawer-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-drawer-web-component";
</script>

<drawer-root>
  <drawer-trigger>open</drawer-trigger>
  <drawer-content>
    <drawer-header>
      <drawer-title>are you sure absolutely sure?</drawer-title>
      <drawer-description>this action cannot be undone-</drawer-description>
    </drawer-header>
    <drawer-footer>
      <button>submit</button>
      <drawer-close>cancel</drawer-close>
    </drawer-footer>
  </drawer-content>
</drawer-root>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/drawer)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-input-otp-web-component
Description: Accessible one-time password component with copy paste functionality.
Latest version: 1.3.2

# Input OTP

Accessible one-time password component with copy paste functionality.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-input-otp-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-input-otp-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-input-otp-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-input-otp-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-input-otp-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-input-otp-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-input-otp-web-component";
</script>

<inputotp-root maxlength={6}>
  {#snippet children({ cells })}
    <inputotp-group>
      {#each cells-slice(0, 3) as cell}
        <inputotp-slot {cell} />
      {/each}
    </inputotp-group>
    <inputotp-separator />
    <inputotp-group>
      {#each cells-slice(3, 6) as cell}
        <inputotp-slot {cell} />
      {/each}
    </inputotp-group>
  {/snippet}
</inputotp-root>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/input-otp)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-input-web-component
Description: Displays a form input field or a component that looks like an input field.
Latest version: 1.3.2

# Input

Displays a form input field or a component that looks like an input field.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-input-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-input-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-input-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-input-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-input-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-input-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-input-web-component";
</script>

<shadcn-input />
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/input)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-label-web-component
Description: Renders an accessible label associated with controls.
Latest version: 1.3.2

# Label

Renders an accessible label associated with controls.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-label-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-label-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-label-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-label-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-label-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-label-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-label-web-component";
</script>

<shadcn-label for="email">your email address</shadcn-label>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/label)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-menubar-web-component
Description: A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.
Latest version: 1.3.2

# Menubar

A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-menubar-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-menubar-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-menubar-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-menubar-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-menubar-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-menubar-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-menubar-web-component";
</script>

<menubar-root>
  <menubar-menu>
    <menubar-trigger>file</menubar-trigger>
    <menubar-content>
      <menubar-item>
        new tab
        <menubar-shortcut>⌘t</menubar-shortcut>
      </menubar-item>
      <menubar-item>new window</menubar-item>
      <menubar-separator />
      <menubar-item>share</menubar-item>
      <menubar-separator />
      <menubar-item>print</menubar-item>
    </menubar-content>
  </menubar-menu>
</menubar-root>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/menubar)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-navigation-menu-web-component
Description: A collection of links for navigating websites.
Latest version: 1.3.2

# Navigation Menu

A collection of links for navigating websites.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-navigation-menu-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-navigation-menu-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-navigation-menu-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-navigation-menu-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-navigation-menu-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-navigation-menu-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-navigation-menu-web-component";
</script>

<navigationmenu-root>
  <navigationmenu-list>
    <navigationmenu-item>
      <navigationmenu-trigger>item one</navigationmenu-trigger>
      <navigationmenu-content>
        <navigationmenu-link>link</navigationmenu-link>
      </navigationmenu-content>
    </navigationmenu-item>
  </navigationmenu-list>
</navigationmenu-root>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/navigation-menu)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-pagination-web-component
Description: Pagination with page navigation, next and previous links.
Latest version: 1.3.2

# Pagination

Pagination with page navigation, next and previous links.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-pagination-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-pagination-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-pagination-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-pagination-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-pagination-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-pagination-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-pagination-web-component";
</script>

<pagination-root count={100} perpage={10}>
  {#snippet children({ pages, currentpage })}
    <pagination-content>
      <pagination-item>
        <pagination-prevbutton />
      </pagination-item>
      {#each pages as page (page-key)}
        {#if page-type === "ellipsis"}
          <pagination-item>
            <pagination-ellipsis />
          </pagination-item>
        {:else}
          <pagination-item>
            <pagination-link {page} isactive={currentpage === page-value}>
              {page-value}
            </pagination-link>
          </pagination-item>
        {/if}
      {/each}
      <pagination-item>
        <pagination-nextbutton />
      </pagination-item>
    </pagination-content>
  {/snippet}
</pagination-root>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/pagination)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-progress-web-component
Description: Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
Latest version: 1.3.2

# Progress

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-progress-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-progress-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-progress-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-progress-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-progress-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-progress-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-progress-web-component";
</script>

<shadcn-progress value={33} />
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/progress)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-radio-group-web-component
Description: A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.
Latest version: 1.3.2

# Radio Group

A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-radio-group-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-radio-group-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-radio-group-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-radio-group-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-radio-group-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-radio-group-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-radio-group-web-component";
</script>

<radiogroup-root value="option-one">
  <div class="flex items-center space-x-2">
    <radiogroup-item value="option-one" id="option-one" />
    <label for="option-one">option one</label>
  </div>
  <div class="flex items-center space-x-2">
    <radiogroup-item value="option-two" id="option-two" />
    <label for="option-two">option two</label>
  </div>
</radiogroup-root>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/radio-group)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-range-calendar-web-component
Description: A calendar component that allows users to select a range of dates.
Latest version: 1.3.2

# Range Calendar

A calendar component that allows users to select a range of dates.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-range-calendar-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-range-calendar-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-range-calendar-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-range-calendar-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-range-calendar-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-range-calendar-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-range-calendar-web-component";
</script>

<shadcn-range-calendar></shadcn-range-calendar>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/range-calendar)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-scroll-area-web-component
Description: Augments native scroll functionality for custom, cross-browser styling.
Latest version: 1.3.2

# Scroll Area

Augments native scroll functionality for custom, cross-browser styling.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-scroll-area-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-scroll-area-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-scroll-area-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-scroll-area-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-scroll-area-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-scroll-area-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-scroll-area-web-component";
</script>

<scrollarea class="h-[200px] w-[350px] rounded-md border p-4">
  jokester began sneaking into the castle in the middle of the night and
  leaving jokes all over the place: under the king's pillow, in his soup, even
  in the royal toilet- the king was furious, but he couldn't seem to stop
  jokester- and then, one day, the people of the kingdom discovered that the
  jokes left by jokester were so funny that they couldn't help but laugh- and
  once they started laughing, they couldn't stop-
</scrollarea>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/scroll-area)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-separator-web-component
Description: Visually or semantically separates content.
Latest version: 1.3.2

# Separator

Visually or semantically separates content.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-separator-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-separator-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-separator-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-separator-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-separator-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-separator-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-separator-web-component";
</script>

<shadcn-separator />
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/separator)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-sidebar-web-component
Description: A composable, themeable and customizable sidebar component.
Latest version: 1.3.2

# Sidebar

A composable, themeable and customizable sidebar component.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-sidebar-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-sidebar-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-sidebar-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-sidebar-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-sidebar-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-sidebar-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-sidebar-web-component";
</script>

showlinenumbers title="src/routes/+layout-svelte"


<sidebar-provider>
  <appsidebar />
  <main>
    <sidebar-trigger />
    {@render children?-()}
  </main>
</sidebar-provider>
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/sidebar)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-skeleton-web-component
Description: Use to show a placeholder while content is loading.
Latest version: 1.3.2

# Skeleton

Use to show a placeholder while content is loading.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-skeleton-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-skeleton-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-skeleton-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-skeleton-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-skeleton-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-skeleton-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-skeleton-web-component";
</script>


```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/skeleton)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-slider-web-component
Description: An input where the user selects a value from within a given range.
Latest version: 1.3.2

# Slider

An input where the user selects a value from within a given range.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-slider-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-slider-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-slider-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-slider-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-slider-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-slider-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-slider-web-component";
</script>

<shadcn-slider type="single" bind:value max={100} step={1} />
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/slider)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).
npm package: @shcnwc/shadcn-switch-web-component
Description: A control that allows the user to toggle between checked and not checked.
Latest version: 1.3.2

# Switch

A control that allows the user to toggle between checked and not checked.

[![NPM Version](https://img.shields.io/npm/v/@shcnwc/shadcn-switch-web-component.svg)](https://www.npmjs.com/package/@shcnwc/shadcn-switch-web-component)
[![Package Size](https://img.badgesize.io/https://unpkg.com/@shcnwc/shadcn-switch-web-component/index.js?compression=gzip)](https://www.npmjs.com/package/@shcnwc/shadcn-switch-web-component)
[![License](https://img.shields.io/npm/l/@shcnwc/shadcn-switch-web-component.svg)](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)


## Installation

```bash
npm install @shcnwc/shadcn-switch-web-component
```

## Usage

```html
<script type="module">
  import "@shcnwc/shadcn-switch-web-component";
</script>

<shadcn-switch />
```

## Links

- [Source Code](https://github.com/shcnwc/shadcn-web-components/tree/main/dist/switch)
- [Documentation](https://github.com/shcnwc/shadcn-web-components)
- [License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE)

## Contributing

Contributions are welcome! Please open an issue or pull request on [GitHub](https://github.com/shcnwc/shadcn-web-components).

## License

This project is licensed under the [MIT License](https://github.com/shcnwc/shadcn-web-components/blob/main/LICENSE).