theovidal / svelteify

📲 Customizable and dependencies-less Material components with Svelte

Material components library for Svelte

Welcome on the Svelteify repository ! It's a young framework which provides Material components using the Svelte framework. It is :

• Beautiful : the framework works with the stylesheet of Vuetify, which provides clean components
• Customizable : you can configure colors used across the application, and a dark mode. Moreover, you can choose which component to use.
• Dependencies-less : the library includes all the compiled JavaScript and CSS, so you don't have to install anything

Check out the main package !

Roadmap

1.0

Core features :

• Global theme
• app properties on components
• Documentation

Components :

• Application
• Avatar
• Button
• Card
• Chips
• Divider
• Footer
• Grid
• Icon
• Image
• List
• Navigation drawers
• Tables
• Toolbar
• Tooltip

1.1

Core features :

• Icon choose
• More theme options
• Ripples

Components :

• Alerts
• Badges
• Bottom navigation
• Breadcrumbs
• Form inputs
• Groups
• Navigation drawer

License

MIT License

svelteify's Issues

Warnings during build, ReferenceError during Runtime

I installed the package using: npm i --dev sveltify without issue.

With a lack of documentation, I saw the tests and attempted to use the MAvatar test as an example of how to use a component.

I added the following code to attempt to use:

<script>
import {MAvatar} from '@sveltify';
let props;
</script>

<MAvatar {...props}>
  <img
    alt="Avatar"
    src="https://avatars0.githubusercontent.com/u/12774204?s=460&v=4"
  />
</MAvatar>

During compile, I received the following warnings:

(!) Unresolved dependencies
https://rollupjs.org/guide/en/#warning-treating-module-as-external-dependency
@sveltify (imported by src/App.svelte)
(!) Missing global variable name
Use output.globals to specify browser global variable names corresponding to external modules
@sveltify (guessing '_sveltify')

I'm assuming this is due to an incomplete installation, but that's pure speculation, I just wanted to make sure this was reported.

In my live-server, I receive the following error in the console:

ReferenceError: _sveltify is not defined