# @doomd/components

> Doomd Svelte Components

Latest version **0.2.19** (published 2023-12-22) · MIT license · 0 weekly downloads

## Install

```sh
npm install @doomd/components
pnpm add @doomd/components
yarn add @doomd/components
bun add @doomd/components
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.2.19 |
| Published | 2023-12-22 |
| First published | 2023-03-12 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM |
| Dependencies | 0 |
| Unpacked size | 127.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Doomd |
| Maintainers | doomd |
| Keywords | npm, svelte-component, svelte-kit, svelte, template, ts, typescript, web-component |

## Links

- npm: https://www.npmjs.com/package/@doomd/components
- Repository: https://github.com/Doomd/doomd-components
- Homepage: https://github.com/Doomd/doomd-components#readme
- Issues: https://github.com/Doomd/doomd-components/issues
- npm.io page: https://npm.io/package/@doomd/components

## Alternatives

- [csv-to-markdown-table](https://npm.io/package/csv-to-markdown-table.md) — 47.0K weekly downloads
- [@sapphire/ratelimits](https://npm.io/package/@sapphire/ratelimits.md) — 4.4K weekly downloads
- [js-csvparser](https://npm.io/package/js-csvparser.md) — 2.0K weekly downloads
- [@adadapted/js-sdk](https://npm.io/package/@adadapted/js-sdk.md) — 251 weekly downloads
- [@grapecity/spread-sheets-sparklines](https://npm.io/package/@grapecity/spread-sheets-sparklines.md) — 103 weekly downloads

## Recent versions

- 0.2.19 (latest) — 2023-12-22
- 0.2.18 — 2023-03-26
- 0.2.17 — 2023-03-23
- 0.2.15 — 2023-03-18
- 0.2.13 — 2023-03-13
- 0.2.12 — 2023-03-13
- 0.2.11 — 2023-03-12
- 0.2.10 — 2023-03-12
- 0.2.9 — 2023-03-12

## README

# Doomd Components

I just wanted a place to put all my re-usable components so if I improve one of them, all dependent projects can benefit...

_Use at your own peril._

## Components:

- **\<TW>**
  - NOT CURRENTLY USEFUL. A wrapper that will add default Tailwind base styles to any component. Useful only if you're importing 3rd party components that used tailwind classes, but didn't include the base styling. This does not yet inject the component classes.
- **\<NoTW>**

  - A wrapper that will nullify any Tailwind classes in the component (using the [`all` css property](https://developer.mozilla.org/en-US/docs/Web/CSS/all)).
  - @prop `all` = `'unset'` | `'initial'` | `'inherit'` | `'revert'`

    Example usage:

    ```
    <NoTW>
      <ComponentWithTailwindClasses />
    </NoTW>

    <NoTW all="revert">
      <ComponentWithTailwindClasses />
    </NoTW>
    ```

- **\<ColorPickerV2>**
  - A bindable color picker that has a random color generator built in (you can optionally disable this).

## Constants

- **`emojis`**: object with keyed arrays broken down by categories including: animals, activities, nature, objects, clothing, food, gestures, people, travel

  Usage Example:

  ```svelte
  <script lang="ts">
  import { emojis } from '@doomd/components'
  let animals: string[] = emojis.animals
  </script>

  {#each animals as emoji}
    <span class="text-xl">{emoji}</span>
  {/each}
  ```

## Notes:

All components are written with Svelte & Typescript.

---
_Source: https://npm.io/package/@doomd/components · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._