svelte-atoms

0.0.27 • Public • Published

svelte-atoms

Svelte UI kit based on Atol design

Demo and docs

Install

npm install -D svelte-atoms

Include variables in your project files

<script>
    import Variables from 'svelte-atoms/Varialbes.svelte'
</script>
<Variables />

Use

<script>
    import Button from 'svelte-atoms/Button.svelte'
</script>
<Button>Enjoy</Button>

Features

All components supports class prop. String will be added to component classes list.

<script>
 import Typography from "svelte-atoms/Typography";
</script>

<style>
  :global(.redLink) {
    border-bottom: 1px solid red;
  }
</style>

<Typography class="redLink">With class</Typography>

Export from root also supported.

<script>
    import {Chip} from "svelte-atoms";
</script>

<Chip text="Enjoy" iconLeft="check" />

Dependents (0)

Package Sidebar

Install

npm i svelte-atoms

Weekly Downloads

160

Version

0.0.27

License

MIT

Unpacked Size

119 kB

Total Files

128

Last publish

Collaborators

  • az67128