@svind/svelte v0.0.26-next.1

Svelte Component library

component library built from scratch using scss and svelte

installation

you can install this library as npm package

npm i @svind/svelte
or
npm i @svind/react

usage

React

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

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

Svelte

<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.

Creating a project

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

# 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:

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:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.