Nocturnal Pajama Mutants

    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" />
    

    Install

    npm i svelte-atoms

    DownloadsWeekly Downloads

    67

    Version

    0.0.27

    License

    MIT

    Unpacked Size

    119 kB

    Total Files

    128

    Last publish

    Collaborators

    • az67128