svind v0.0.17

Svelte Component library

component library built from scratch using scss and svelte

installation

you can install this library as npm package

npm i svind

usage

<script>
  import 'svind/styles.css';

  import {Button} from 'svind';
</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.