# @svind/svelte

> component library built from scratch using scss and svelte

Latest version **0.0.26-next.1** (published 2022-09-02) · 0 weekly downloads

## Install

```sh
npm install @svind/svelte
pnpm add @svind/svelte
yarn add @svind/svelte
bun add @svind/svelte
```

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.26-next.1 |
| Published | 2022-09-02 |
| First published | 2022-04-14 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 4 |
| Unpacked size | 152.5 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | thehadiahmadi |

## Links

- npm: https://www.npmjs.com/package/@svind/svelte
- npm.io page: https://npm.io/package/@svind/svelte

## Dependencies (4)

- [clsx](https://npm.io/package/clsx.md) ^1.1.1
- [uuid](https://npm.io/package/uuid.md) ^8.3.2
- [@iconify/svelte](https://npm.io/package/@iconify/svelte.md) ^2.2.1
- [svelte-adapter-deno-deploy](https://npm.io/package/svelte-adapter-deno-deploy.md) ^0.6.5

## Recent versions

- 0.0.26-next.1 (latest) — 2022-09-02
- 0.0.26-next.4 (next) — 2022-10-04
- 0.0.26-next.3 — 2022-09-02
- 0.0.26-next.0 — 2022-09-02
- 0.0.25 — 2022-08-30
- 0.0.24 — 2022-07-02
- 0.0.23 — 2022-07-02
- 0.0.22 — 2022-06-04
- 0.0.21 — 2022-06-04
- 0.0.20 — 2022-06-04
- 0.0.19 — 2022-06-04
- 0.0.18 — 2022-05-05
- 0.0.17 — 2022-04-25
- 0.0.16 — 2022-04-25
- 0.0.15 — 2022-04-20
- … 14 more at https://npm.io/package/@svind/svelte/versions

## README

# Svelte Component library
component library built from scratch using scss and svelte

## installation
you can install this library as npm package
```sh
npm i @svind/svelte
or
npm i @svind/react
```

## usage 

React
```jsx
import '@svind/css/dist/index.css'
import {Button} from '@svind/react'

export default function App() {
  return (
    <Button>Hello World!</Button>
  )
}


```

Svelte
```html
<script>
  import '@svind/css/dist/index.css';

  import {Button} from '@svind/svelte';
</script>

<Button>Hello World!</Button>

<Button size="lg">Hello World!</Button>
```

## components
currently these components are ready

* Badge
* Button
* ButtonList
* Card
* CardBody
* CardHeader
* CardTitle
* CardFooter
* Checkbox
* FormInput
* FormGroup
* Icon
* Input
* Label
* Radio
* Row

# create-svelte

Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).

## Creating a project

If you're seeing this, you've probably already done this step. Congrats!

```bash
# create a new project in the current directory
npm init svelte@next

# create a new project in my-app
npm init svelte@next my-app
```

> Note: the `@next` is temporary

## Developing

Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:

```bash
npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open
```

## Building

To create a production version of your app:

```bash
npm run build
```

You can preview the production build with `npm run preview`.

> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.

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