coles-solid-library v0.1.1

Cole's Solid Library

Welcome to Cole's Solid Library. I wasn't totally happy with existing solutions so I decided to roll my own solution. It isn't ready for use yet it needs alot of work, mainly styling, but not totally.

Requirements

You will need the following packages. I included the npm commands.

• SolidJS

npx degit solidjs/templates/ts <name>

• Sass

npm i sass

Installation

To install the library, use npm or yarn:

npm install coles-solid-library
# or
yarn add coles-solid-library

Import and add use the following line in App.tsx from the library. It defaults to 'dark' but also has a default value of 'light'. And updates reactively.

  addTheme()

At the top of index.scss place the following line. It adds the dark theme and lightTheme and the addTheme() requires it. It will default to light without it and that version is broken as of 0.1.0

  @use 'coles-solid-library/themes/themes.scss';

Usage

Here's a basic example of how to use the library:

import { Button, addTheme } from 'coles-solid-library';

function App() {
  addTheme('light');
  return (
    <div>
      <Button />
    </div>
  );
}

export default App;

License

This project is licensed under the MIT License.