open-index/open-npm huggingface dataset:
npm package: @quarkus-webcomponents/card
Description: A Card UI component
Author: Phillip Kruger
Latest version: 1.0.0

# Quarkus Webcomponents : Card

The card UI component

## Installation

```bash
npm i @quarkus-webcomponents/card
```

## Usage

```javascript
import 'qui-card';

<div class="cards">
    <qui-card title="Small">
        <div slot="content">
            <div class="cardcontents">
                <span>Hello</span>
            </div>
        </div>
    </qui-card> 
```

## Contributing

Pull requests are welcome. For major changes, please open an issue first
to discuss what you would like to change.

## License

[Apache 2](http://www.apache.org/licenses/LICENSE-2.0)
npm package: @quarkus-webcomponents/codeblock
Description: A Code block UI component
Author: Phillip Kruger
Latest version: 1.0.15

# Quarkus Webcomponents : Code block

The code block UI component is based on codemirror 6, wrapped in a Lit webcomponent.

## Installation

```bash
npm i @quarkus-webcomponents/code-block
```

## Usage

```javascript
import 'qui-code-block';

TODO:...
```

## Example

To run the example:

```bash
npm install
npm start
```

Then go to [http://localhost:8080/example](http://localhost:8080/example)

## Contributing

Pull requests are welcome. For major changes, please open an issue first
to discuss what you would like to change.

## License

[Apache 2](http://www.apache.org/licenses/LICENSE-2.0)
npm package: @quarkus-webcomponents/switch
Description: A Switch UI component
Author: Phillip Kruger
Latest version: 1.0.0

# Quarkus Webcomponents : Switch

The switch UI component

## Installation

```bash
npm i @quarkus-webcomponents/switch
```

## Usage

```javascript
import 'qui-switch';

TODO:...
```

## Contributing

Pull requests are welcome. For major changes, please open an issue first
to discuss what you would like to change.

## License

[Apache 2](http://www.apache.org/licenses/LICENSE-2.0)