open-index/open-npm huggingface dataset:
npm package: @rabee-org/svelte-admin-components
Description: svelte-admin-components is ...
Latest version: 0.1.21

# svelte-admin-components

svelte-admin-components is ...

https://www.npmjs.com/package/@rabee-org/svelte-admin-components

## Demo

- Live Demo: https://svelte-admin-components.netlify.app/
- REPL: https://svelte.dev/repl/0608f1c29c984f61b45242cc08011418?version=3.46.4

## Install

```bash
npm install svelte-admin-components --save
```

## Usage

```html
```

result

```html
```

## License

MIT
npm package: @rabee-org/svelte-head
Description: svelte-head is a component library that allows you to easily set meta information etc. to be output to head.
Latest version: 0.1.0

# svelte-head

[![npm version](https://badge.fury.io/js/svelte-head.svg)](https://badge.fury.io/js/svelte-head)

svelte-head is a component library that allows you to easily set meta information etc. to be output to head.

## Demo

- Live Demo: https://svelte-head.onrender.com
- REPL: https://svelte.dev/repl/0608f1c29c984f61b45242cc08011418?version=3.46.4

## Install

```bash
npm install svelte-head --save
```

## Usage

```html
<script>
  import {setOptions, Meta} from 'svelte-head';

  // setup default value
  setOptions({
    title(title) {
      return title ? `${title} | Svelte Head Demo` : 'Svelte Head Demo';
    },
    description(description) {
      return description || `svelte-head is a component library that allows you to easily set meta information etc. to be output to head.`;
    },
    keywords(keywords) {
      return keywords || `svelte,sveltekit,seo,head,meta`;
    },
    ogp(ogp) {
      return {
        type: 'website',
      };
    },
    twitter(twitter) {
      return {
        card: 'summary_large_image',
      };
    },
  });
</script>

<Meta title='Example Title' />
```

result

```html
<title>Example Title | Svelte Head Demo</title>
<meta name="description" content="svelte-head is a component library that allows you to easily set meta information etc. to be output to head.">
<meta name="keywords" content="svelte,sveltekit,seo,head,meta">
<meta property="og:title" content="Example Title | Svelte Head Demo">
<meta property="og:description" content="svelte-head is a component library that allows you to easily set meta information etc. to be output to head.">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
```

## License

MIT
npm package: @rabee-org/svelte-modal-manager
Description: svelte-modal-manager is ...
Latest version: 0.2.1

# svelte-modal-manager

[![npm version](https://badge.fury.io/js/svelte-modal-manager.svg)](https://badge.fury.io/js/svelte-modal-manager)


svelte-modal-manager is ...

## Demo

- Live Demo: https://svelte-modal-manager.onrender.com
- REPL: https://svelte.dev/repl/65f83041cd2e4a0da0748088788c6674?version=3.47.0
## Install

```bash
npm install @rabee-org/svelte-modal-manager --save
```

## Usage

```html
<script>
  import { onMount } from 'svelte';
  import { modalAlert } from '@rabee-org/svelte-modal-manager';
  import { modalConfirm } from '$modal';

  onMount(async () => {
    let modal = modalAlert.open({
      title: 'Hello, svelte-modal-manager',
    });
    
    await modal.awaitClose();

    const ok = await modalConfirm.openSync('OK?');
  });
</script>
```

## License

MIT