open-index/open-npm huggingface dataset:
npm package: @responsekit/tsmediator
Description: Extends tsmediator's Mediator to catch and return thrown responsekit Rejections.
Author: IRCraziestTaxi
Latest version: 1.0.0

# @responsekit/tsmediator

## Install
This lib relies on the [https://github.com/IRCraziestTaxi/responsekit](@responsekit/core) lib.

To use `@responsekit/tsmediator`:

```
npm install --save @responsekit/core @responsekit/tsmediator
```

## CommandResultMediator
Process your `tsmediator` commands with `@responsekit/tsmediator`'s `CommandResultMediator` to gracefully handle `Rejection`s thrown in the `Validate` method.

Your command handler would return `Rejection`s in the `Handle` method and throw `Rejection`s in the `Validate` method, like so:

```ts
import { CommandResult, GenericResponse, Rejection } from "@responsekit/core";
import { Handler, ICommandHandler } from "tsmediator";
import { Thing } from "../entities/Thing";
import { AddThingCommand } from "./AddThingCommand";

@Handler("AddThingHandler")
export class AddThingHandler implements ICommandHandler<
AddThingCommand,
Response<CommandResult<Thing>>
> {
    public async Handle(command: AddThingCommand): Promise<CommandResult<Thing>> {
        try {
            // Create the Thing.

            return new GenericResponse({
                value: createdThing
            });
        }
        catch (error) {
            return new Rejection(error);
        }
    }

    public Validate(command: AddThingCommand): void {
        if (!command) {
            return Rejection.BadRequest("Invalid request.");
        }
    }
}
```

Then, in your controller, etc.:

```ts
const result: CommandResult<Thing> = await new Mediator().Send("CommandHandler", command);

if (result instanceof Rejection) {
    // Return a response whose status is result.reason and whose payload contains result.message.
}

// Return a response with status 200 (or similar) whose payload is the GenericResponse that is the result.
```

For a base controller that handles returning the appropriate express `Response` for the resulting `CommandResult`, check out the [https://github.com/IRCraziestTaxi/responsekit-express](`@responsekit/express`) package.
npm package: @responsible-ai/e2e
Description: The Responsible AI sharable e2e tests package contains tests shared across RAI OSS and AML repo.
Latest version: 0.36.0-1975

# Responsible AI sharable e2e tests

The Responsible AI sharable e2e tests package contains tests shared across RAI OSS and AML repo.

The open source code can be found here:
<https://github.com/microsoft/responsible-ai-toolbox>
npm package: @responsive-email/jsx-email
Description: A utility for writing responsive email templates with jsx-email
Author: Paul Ehikhuemen
Latest version: 0.0.4

# @responsive-email/jsx-email

`responsive-email` is a framework-agnostic set of utility components that allow to build
responsive email templates with the best support possible. It does not make use of
media queries nor other unsupported ways of doing responsiveness on emails.

## Installation

```bash
npm install @responsive-email/jsx-email
```

## Components

### `<ResponsiveRow>` and `<ResponsiveColumn>`

```tsx
<ResponsiveRow>
  <ResponsiveColumn span={1}>First</ResponsiveColumn>
  <ResponsiveColumn span={2}>Second</ResponsiveColumn>
  <ResponsiveColumn span={1}>Third</ResponsiveColumn>
</ResponsiveRow>
```

These two components are only meant to be used in unison as shown in the above example.

The `<ResponsiveRow>` will divide its `maxWidth` (which is 600 by default) into the amount
of columns you pass onto it. It does this by detecting which one of the children are actually
an instance of `<ResponsiveColumn>` based on the fact that all React elements are actually objects
under the hood that, if they represent a Function Component instance, have their props exposed and easy to access.

The `<ResponsiveColumn>` by itself only renders a Fragment as it is meant to only be rendered
inside the `<ResponsiveRow>`. The `span` property allows the user to increase the size of a certain
column so that its width can be the sum of the respective amount of columns specified in `span`, e.g.
`span={2}` will result into a column that _has a width of two columns_.

The `<ResponsiveRow>` will also log a warning if it finds you are using more than three columns,
as is best practice to use only three columns on email templates.

Each column will wrap in the same way as `flex` itself would, this is a behavior is known as "collapsing" can occur.
In this context, "collapsing" refers to the behavior where the `ResponsiveColumn` elements wrap onto a new line within the table, rather than expanding the table's width to accommodate their combined width.

## Contributing

Contributions to `responsive-email` are welcome! If you find a bug, have suggestions for improvements, or want to add new features, feel free to open an issue or submit a pull request. Please make sure to follow the existing coding style and conventions.

When submitting a pull request, provide a clear description of the changes made and ensure that all tests pass. Adding appropriate tests for new features or bug fixes is highly appreciated.

## Bugs and Feature Requests

For bugs and feature requests, [please create an issue](https://github.com/codeskills-dev/responsive-email/issues/new).

## Author

- Paul Ehikhuemen ([@pauloe_me](https://twitter.com/pauloe_me))

## License

`responsive-email` is licensed under the MIT License.
npm package: @responsive-email/react-email
Description: A utility for writing responsive email templates with react-email
Author: Paul Ehikhuemen
Latest version: 0.0.4

# @responsive-email/react-email

`responsive-email` is a framework-agnostic set of utility components that allow to build
responsive email templates with the best support possible. It does not make use of
media queries nor other unsupported ways of doing responsiveness on emails.

## Installation

```bash
npm install @responsive-email/react-email
```

## Components

### `<ResponsiveRow>` and `<ResponsiveColumn>`

```tsx
<ResponsiveRow>
  <ResponsiveColumn span={1}>First</ResponsiveColumn>
  <ResponsiveColumn span={2}>Second</ResponsiveColumn>
  <ResponsiveColumn span={1}>Third</ResponsiveColumn>
</ResponsiveRow>
```

These two components are only meant to be used in unison as shown in the above example.

The `<ResponsiveRow>` will divide its `maxWidth` (which is 600 by default) into the amount
of columns you pass onto it. It does this by detecting which one of the children are actually
an instance of `<ResponsiveColumn>` based on the fact that all React elements are actually objects
under the hood that, if they represent a Function Component instance, have their props exposed and easy to access.

The `<ResponsiveColumn>` by itself only renders a Fragment as it is meant to only be rendered
inside the `<ResponsiveRow>`. The `span` property allows the user to increase the size of a certain
column so that its width can be the sum of the respective amount of columns specified in `span`, e.g.
`span={2}` will result into a column that _has a width of two columns_.

The `<ResponsiveRow>` will also log a warning if it finds you are using more than three columns,
as is best practice to use only three columns on email templates.

Each column will wrap in the same way as `flex` itself would, this is a behavior is known as "collapsing" can occur.
In this context, "collapsing" refers to the behavior where the `ResponsiveColumn` elements wrap onto a new line within the table, rather than expanding the table's width to accommodate their combined width.

## Contributing

Contributions to `responsive-email` are welcome! If you find a bug, have suggestions for improvements, or want to add new features, feel free to open an issue or submit a pull request. Please make sure to follow the existing coding style and conventions.

When submitting a pull request, provide a clear description of the changes made and ensure that all tests pass. Adding appropriate tests for new features or bug fixes is highly appreciated.

## Bugs and Feature Requests

For bugs and feature requests, [please create an issue](https://github.com/codeskills-dev/responsive-email/issues/new).

## Author

- Paul Ehikhuemen ([@pauloe_me](https://twitter.com/pauloe_me))

## License

`responsive-email` is licensed under the MIT License.
npm package: @responsive-image/build-utils
Description: Internal package for shared build-related code as part of the ResponsiveImage project
Author: Simon Ihmig
Latest version: 3.0.0

# @responsive-image/build-utils

Internal package for shared build-related code.

Part of the [ResponsiveImage](https://github.com/simonihmig/responsive-image) project.

## License

This project is licensed under the [MIT License](../../LICENSE.md).
npm package: @responsive-image/cdn
Description: Support for loading remote images from Image CDNs
Author: Simon Ihmig
Latest version: 2.0.0

# @responsive-image/cdn

Support for loading remote images from Image CDNs.

Part of the [ResponsiveImage](https://github.com/simonihmig/responsive-image) project.

## Documentation

Visit [responsive-image.dev](https://responsive-image.dev) for our complete documentation site.

## License

This project is licensed under the [MIT License](../../LICENSE.md).
npm package: @responsive-image/core
Description: Internal core functions and config for the ResponsiveImage project
Author: Simon Ihmig
Latest version: 2.1.0

# @responsive-image/core

Internal package for shared runtime code.

Part of the [ResponsiveImage](https://github.com/simonihmig/responsive-image) project.

## Documentation

Visit [responsive-image.dev](https://responsive-image.dev) for our complete documentation site.

## License

This project is licensed under the [MIT License](../../LICENSE.md).
npm package: @responsive-image/ember
Description: Ember addon to render responsive images, provided as locally processed images or loaded remotely from Image CDNs
Author: Simon Ihmig
Latest version: 3.0.0

# @responsive-image/ember

Ember addon to render responsive images, provided as locally processed images or loaded remotely from Image CDNs.

Part of the [ResponsiveImage](https://github.com/simonihmig/responsive-image) project.

## Compatibility

- Ember.js v6.4 or above

## Documentation

Visit [responsive-image.dev](https://responsive-image.dev) for our complete documentation site.

## License

This project is licensed under the [MIT License](LICENSE.md).
npm package: @responsive-image/react
Description: React component to render responsive images, provided as locally processed images or loaded remotely from Image CDNs
Latest version: 1.1.6

# @responsive-image/react

React component to render responsive images, provided as locally processed images or loaded remotely from Image CDNs.

Part of the [ResponsiveImage](https://github.com/simonihmig/responsive-image) project.

## Compatibility

- React 18 or above

## Documentation

Visit [responsive-image.dev](https://responsive-image.dev) for our complete documentation site.

## License

This project is licensed under the [MIT License](LICENSE.md).
npm package: @responsive-image/solid
Description: Solid.js component to render responsive images, provided as locally processed images or loaded remotely from Image CDNs
Author: Simon Ihmig
Latest version: 2.0.5

# @responsive-image/solid

Solid component to render responsive images, provided as locally processed images or loaded remotely from Image CDNs.

Part of the [ResponsiveImage](https://github.com/simonihmig/responsive-image) project.

## Compatibility

- Solid 1.6 or above

## Documentation

Visit [responsive-image.dev](https://responsive-image.dev) for our complete documentation site.

## License

This project is licensed under the [MIT License](LICENSE.md).
npm package: @responsive-image/svelte
Description: Svelte component to render responsive images, provided as locally processed images or loaded remotely from Image CDNs
Author: Simon Ihmig
Latest version: 2.0.5

# @responsive-image/svelte

Svelte component to render responsive images, provided as locally processed images or loaded remotely from Image CDNs.

Part of the [ResponsiveImage](https://github.com/simonihmig/responsive-image) project.

## Compatibility

- Svelte 5 or above

## Documentation

Visit [responsive-image.dev](https://responsive-image.dev) for our complete documentation site.

## License

This project is licensed under the [MIT License](LICENSE.md).
npm package: @responsive-image/vite-plugin
Description: Vite plugins to process and resize responsive images
Author: Simon Ihmig
Latest version: 3.0.0

# @responsive-image/vite

Vite plugins that process and resize local images.

Part of the ResponsiveImage project.

## Compatibility

- Vite v6, v7, v8

## Documentation

Visit [responsive-image.dev](https://responsive-image.dev) for our complete documentation site.

## License

This project is licensed under the [MIT License](../../LICENSE.md).
npm package: @responsive-image/vue
Description: Vue.js component to render responsive images, provided as locally processed images or loaded remotely from Image CDNs
Author: Simon Ihmig
Latest version: 1.0.1

# @responsive-image/vue

Vue.js component to render responsive images, provided as locally processed images or loaded remotely from Image CDNs.

Part of the [ResponsiveImage](https://github.com/simonihmig/responsive-image) project.

## Compatibility

- Vue 3.5 or above

## Documentation

Visit [responsive-image.dev](https://responsive-image.dev) for our complete documentation site.

## License

This project is licensed under the [MIT License](LICENSE.md).
npm package: @responsive-image/wc
Description: Web component to render responsive images, provided as locally processed images or loaded remotely from Image CDNs
Author: Simon Ihmig
Latest version: 2.0.5

# @responsive-image/wc

Web component built with [Lit](https://lit.dev/) to render responsive images, provided as locally processed images or loaded remotely from Image CDNs.

Part of the [ResponsiveImage](https://github.com/simonihmig/responsive-image) project.

## Documentation

Visit [responsive-image.dev](https://responsive-image.dev) for our complete documentation site.

## License

This project is licensed under the [MIT License](LICENSE.md).
npm package: @responsive-image/webpack
Description: Webpack loaders to process and resize responsive images
Author: Simon Ihmig
Latest version: 3.0.0

# @responsive-image/webpack

Wepack loaders that process and resize local images.

Part of the ResponsiveImage project.

## Compatibility

- Webpack v5

## Documentation

Visit [responsive-image.dev](https://responsive-image.dev) for our complete documentation site.

## License

This project is licensed under the [MIT License](../../LICENSE.md).
npm package: @responsive-privacy/core
Description: Core privacy transformation engine — framework-agnostic attribute filtering based on the Superbloom/Draftlab Attribution Taxonomy
Author: Tin Geber
Latest version: 0.1.1

# @responsive-privacy/core

Framework-agnostic build-time PII protection engine. Filters, redacts, or omits content fields based on a 5-level privacy taxonomy derived from the [Superbloom/Draftlab Responsive Transparency research](https://research-superbloom.netlify.app/).

Part of the [Responsive Privacy](https://github.com/draftlab-org/responsive-privacy) monorepo.

## Install

```bash
pnpm add @responsive-privacy/core
```

## Usage

```typescript
import { defineConfig, createContext, transformEntry } from '@responsive-privacy/core';

const config = defineConfig({
  collections: {
    team: {
      fields: {
        name:       'ID-01',  // Full Name — visible at Level 2+
        role:       'ID-03',  // Job Title — visible at Level 1+
        email:      'CV-01',  // Email — visible at Level 4 only
        department: 'OR-01',  // Department — visible at Level 1+
      },
    },
  },
});

// Create context for the current build (reads PRIVACY_LEVEL env var)
const ctx = createContext(config);

// Transform a content entry
const result = transformEntry('team', {
  name: 'Jane Smith',
  role: 'Program Director',
  email: 'jane@example.org',
  department: 'Programs',
}, ctx);

// At PRIVACY_LEVEL=1:
// result.data.name → "Staff Member" (replaced)
// result.data.role → "Program Director" (visible)
// result.data.email → "Contact the organization" (replaced)
// result.data.department → "Programs" (visible)
```

## API

### Configuration

- **`defineConfig(config)`** — define a privacy configuration with collection field mappings
- **`resolveConfig(config)`** — merge user config with the default 20-attribute taxonomy
- **`readPrivacyLevel(fallback?)`** — read `PRIVACY_LEVEL` from env (0–4, defaults to 4)
- **`createContext(config, level?)`** — create a resolved privacy context for a build

### Transformer

- **`transformEntry(collectionName, data, ctx)`** — transform a single entry's fields based on privacy level
- **`transformCollection(collectionName, entries, ctx)`** — transform an array of entries
- **`isAttributeVisible(attributeId, level, attributes)`** — check if an attribute is visible at a given level
- **`getRedactedValue(attr)`** — get the replacement value for a hidden attribute
- **`buildSummary(results, ctx)`** — generate a build log showing what was hidden

### Defaults

The full 20-attribute taxonomy ships as defaults and can be imported separately:

```typescript
import { DEFAULT_ATTRIBUTES, DEFAULT_PRIVACY_LEVELS } from '@responsive-privacy/core/defaults';
```

## Privacy Levels

| Level | Name | What's Visible |
|-------|------|----------------|
| 0 | Complete Anonymity | Nothing — all PII hidden |
| 1 | Role-Only Visibility | Job titles and departments only |
| 2 | Professional Identity | Names, roles, project attribution |
| 3 | Public Professional | Full professional profile, no contact info |
| 4 | Full Transparency | Everything including contact details |

## License

MIT
npm package: @responsive-ui/accordion
Description: An accordion component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/accordion

> An accordion component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/accordion.svg)](https://www.npmjs.com/package/@responsive-ui/accordion)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Faccordion)](https://bundlephobia.com/result?p=%40responsive-ui%2Faccordion)
[![download](https://img.shields.io/npm/dw/@responsive-ui/accordion.svg)](https://www.npmjs.com/package/@responsive-ui/accordion)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/accordion
```

or

```console
yarn add @responsive-ui/accordion
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/accordion](https://github.com/wetix/responsive-ui/tree/main/components/accordion) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/action-sheet
Description: An action sheet component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/action-sheet

> An action sheet component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/action-sheet.svg)](https://www.npmjs.com/package/@responsive-ui/action-sheet)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Faction-sheet)](https://bundlephobia.com/result?p=%40responsive-ui%2Faction-sheet)
[![download](https://img.shields.io/npm/dw/@responsive-ui/action-sheet.svg)](https://www.npmjs.com/package/@responsive-ui/action-sheet)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/action-sheet
```

or

```console
yarn add @responsive-ui/action-sheet
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/action-sheet](https://github.com/wetix/responsive-ui/tree/main/components/action-sheet) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/app-bar
Description: An app bar component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/app-bar

> An app bar component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/app-bar.svg)](https://www.npmjs.com/package/@responsive-ui/app-bar)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fapp-bar)](https://bundlephobia.com/result?p=%40responsive-ui%2Fapp-bar)
[![download](https://img.shields.io/npm/dw/@responsive-ui/app-bar.svg)](https://www.npmjs.com/package/@responsive-ui/app-bar)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/app-bar
```

or

```console
yarn add @responsive-ui/app-bar
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/app-bar](https://github.com/wetix/responsive-ui/tree/main/components/app-bar) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/badge
Description: A notification bell component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/badge

> A notification bell component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/badge.svg)](https://www.npmjs.com/package/@responsive-ui/badge)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fbadge)](https://bundlephobia.com/result?p=%40responsive-ui%2Fbadge)
[![download](https://img.shields.io/npm/dw/@responsive-ui/badge.svg)](https://www.npmjs.com/package/@responsive-ui/badge)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/badge
```

or

```console
yarn add @responsive-ui/badge
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/badge](https://github.com/wetix/responsive-ui/tree/main/components/badge) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/bottom-bar
Description: A bottom bar component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/bottom-bar

> A bottom bar component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/bottom-bar.svg)](https://www.npmjs.com/package/@responsive-ui/bottom-bar)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fbottom-bar)](https://bundlephobia.com/result?p=%40responsive-ui%2Fbottom-bar)
[![download](https://img.shields.io/npm/dw/@responsive-ui/bottom-bar.svg)](https://www.npmjs.com/package/@responsive-ui/bottom-bar)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/bottom-bar
```

or

```console
yarn add @responsive-ui/bottom-bar
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/bottom-bar](https://github.com/wetix/responsive-ui/tree/main/components/bottom-bar) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/bottom-modal
Description: A bottom modal component of responsive-ui.
Author: Si3nLoong
Latest version: 1.0.9-alpha.3


# @responsive-ui/bottom-modal

> A bottom modal component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/bottom-modal.svg)](https://www.npmjs.com/package/@responsive-ui/bottom-modal)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fbottom-modal)](https://bundlephobia.com/result?p=%40responsive-ui%2Fbottom-modal)
[![download](https://img.shields.io/npm/dw/@responsive-ui/bottom-modal.svg)](https://www.npmjs.com/package/@responsive-ui/bottom-modal)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/bottom-modal
```

or

```console
yarn add @responsive-ui/bottom-modal
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/bottom-modal](https://github.com/wetix/responsive-ui/tree/main/components/bottom-modal) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/bottom-sheet
Description: A bottom sheet component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/bottom-sheet

> A bottom sheet component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/bottom-sheet.svg)](https://www.npmjs.com/package/@responsive-ui/bottom-sheet)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fbottom-sheet)](https://bundlephobia.com/result?p=%40responsive-ui%2Fbottom-sheet)
[![download](https://img.shields.io/npm/dw/@responsive-ui/bottom-sheet.svg)](https://www.npmjs.com/package/@responsive-ui/bottom-sheet)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/bottom-sheet
```

or

```console
yarn add @responsive-ui/bottom-sheet
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/bottom-sheet](https://github.com/wetix/responsive-ui/tree/main/components/bottom-sheet) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/button
Description: A button component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/button

> A button component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/button.svg)](https://www.npmjs.com/package/@responsive-ui/button)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fbutton)](https://bundlephobia.com/result?p=%40responsive-ui%2Fbutton)
[![download](https://img.shields.io/npm/dw/@responsive-ui/button.svg)](https://www.npmjs.com/package/@responsive-ui/button)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/button
```

or

```console
yarn add @responsive-ui/button
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/button](https://github.com/wetix/responsive-ui/tree/main/components/button) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/card
Description: A card component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/card

> A card component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/card.svg)](https://www.npmjs.com/package/@responsive-ui/card)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fcard)](https://bundlephobia.com/result?p=%40responsive-ui%2Fcard)
[![download](https://img.shields.io/npm/dw/@responsive-ui/card.svg)](https://www.npmjs.com/package/@responsive-ui/card)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/card
```

or

```console
yarn add @responsive-ui/card
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/card](https://github.com/wetix/responsive-ui/tree/main/components/card) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/carousel
Description: A carousel component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/carousel

> A carousel component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/carousel.svg)](https://www.npmjs.com/package/@responsive-ui/carousel)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fcarousel)](https://bundlephobia.com/result?p=%40responsive-ui%2Fcarousel)
[![download](https://img.shields.io/npm/dw/@responsive-ui/carousel.svg)](https://www.npmjs.com/package/@responsive-ui/carousel)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/carousel
```

or

```console
yarn add @responsive-ui/carousel
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/carousel](https://github.com/wetix/responsive-ui/tree/main/components/carousel) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/checkbox
Description: Checbox component
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/checkbox

> Checbox component

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/checkbox.svg)](https://www.npmjs.com/package/@responsive-ui/checkbox)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fcheckbox)](https://bundlephobia.com/result?p=%40responsive-ui%2Fcheckbox)
[![download](https://img.shields.io/npm/dw/@responsive-ui/checkbox.svg)](https://www.npmjs.com/package/@responsive-ui/checkbox)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/checkbox
```

or

```console
yarn add @responsive-ui/checkbox
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/checkbox](https://github.com/wetix/responsive-ui/tree/main/components/checkbox) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/chip
Description: A chip component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/chip

> A chip component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/chip.svg)](https://www.npmjs.com/package/@responsive-ui/chip)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fchip)](https://bundlephobia.com/result?p=%40responsive-ui%2Fchip)
[![download](https://img.shields.io/npm/dw/@responsive-ui/chip.svg)](https://www.npmjs.com/package/@responsive-ui/chip)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/chip
```

or

```console
yarn add @responsive-ui/chip
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/chip](https://github.com/wetix/responsive-ui/tree/main/components/chip) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/column
Description: A column component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/column

> A column component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/column.svg)](https://www.npmjs.com/package/@responsive-ui/column)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fcolumn)](https://bundlephobia.com/result?p=%40responsive-ui%2Fcolumn)
[![download](https://img.shields.io/npm/dw/@responsive-ui/column.svg)](https://www.npmjs.com/package/@responsive-ui/column)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/column
```

or

```console
yarn add @responsive-ui/column
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/column](https://github.com/wetix/responsive-ui/tree/main/components/column) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/date-picker
Description: Date Picker component
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/date-picker

> Date Picker component

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/date-picker.svg)](https://www.npmjs.com/package/@responsive-ui/date-picker)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fdate-picker)](https://bundlephobia.com/result?p=%40responsive-ui%2Fdate-picker)
[![download](https://img.shields.io/npm/dw/@responsive-ui/date-picker.svg)](https://www.npmjs.com/package/@responsive-ui/date-picker)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/date-picker
```

or

```console
yarn add @responsive-ui/date-picker
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/date-picker](https://github.com/wetix/responsive-ui/tree/main/components/date-picker) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/dock
Description: A dock component of responsive-ui.
Author: Si3nLoong
Latest version: 1.0.7-alpha.0


# @responsive-ui/dock

> A dock component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/dock.svg)](https://www.npmjs.com/package/@responsive-ui/dock)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fdock)](https://bundlephobia.com/result?p=%40responsive-ui%2Fdock)
[![download](https://img.shields.io/npm/dw/@responsive-ui/dock.svg)](https://www.npmjs.com/package/@responsive-ui/dock)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/dock
```

or

```console
yarn add @responsive-ui/dock
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/accordion](https://github.com/wetix/responsive-ui/tree/main/components/accordion) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/docker
Description: A docker component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/docker

> A docker component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/docker.svg)](https://www.npmjs.com/package/@responsive-ui/docker)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fdocker)](https://bundlephobia.com/result?p=%40responsive-ui%2Fdocker)
[![download](https://img.shields.io/npm/dw/@responsive-ui/docker.svg)](https://www.npmjs.com/package/@responsive-ui/docker)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/docker
```

or

```console
yarn add @responsive-ui/docker
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/docker](https://github.com/wetix/responsive-ui/tree/main/components/docker) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/dropdown
Description: A dropdown component of responsive-ui.
Author: Oyster Lee
Latest version: 1.1.0-alpha.58


# @responsive-ui/dropdown

> A dropdown component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/dropdown.svg)](https://www.npmjs.com/package/@responsive-ui/dropdown)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fdropdown)](https://bundlephobia.com/result?p=%40responsive-ui%2Fdropdown)
[![download](https://img.shields.io/npm/dw/@responsive-ui/dropdown.svg)](https://www.npmjs.com/package/@responsive-ui/dropdown)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/dropdown
```

or

```console
yarn add @responsive-ui/dropdown
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/dropdown](https://github.com/wetix/responsive-ui/tree/main/components/dropdown) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/ellipsis
Description: A ellipsis component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/ellipsis

> A ellipsis component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/ellipsis.svg)](https://www.npmjs.com/package/@responsive-ui/ellipsis)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fellipsis)](https://bundlephobia.com/result?p=%40responsive-ui%2Fellipsis)
[![download](https://img.shields.io/npm/dw/@responsive-ui/ellipsis.svg)](https://www.npmjs.com/package/@responsive-ui/ellipsis)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/ellipsis
```

or

```console
yarn add @responsive-ui/ellipsis
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/ellipsis](https://github.com/wetix/responsive-ui/tree/main/components/ellipsis) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/fab
Description: A floating action button component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/fab

> A floating action button component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/fab.svg)](https://www.npmjs.com/package/@responsive-ui/fab)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Ffab)](https://bundlephobia.com/result?p=%40responsive-ui%2Ffab)
[![download](https://img.shields.io/npm/dw/@responsive-ui/fab.svg)](https://www.npmjs.com/package/@responsive-ui/fab)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/fab
```

or

```console
yarn add @responsive-ui/fab
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/fab](https://github.com/wetix/responsive-ui/tree/main/components/fab) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/header
Description: A header component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/header

> A header component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/header.svg)](https://www.npmjs.com/package/@responsive-ui/header)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fheader)](https://bundlephobia.com/result?p=%40responsive-ui%2Fheader)
[![download](https://img.shields.io/npm/dw/@responsive-ui/header.svg)](https://www.npmjs.com/package/@responsive-ui/header)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/header
```

or

```console
yarn add @responsive-ui/header
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/header](https://github.com/wetix/responsive-ui/tree/main/components/header) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)