@dreesq/sigma

Simple, modern UI library using styled-components

Usage no npm install needed!

<script type="module">
  import dreesqSigma from 'https://cdn.skypack.dev/@dreesq/sigma';
</script>

README

Demo

Sigma is an UI library made using styled-components. You can install it using npm install @dreesq/sigma command.

The library is built using the core component Sigma. Here's a basic example on how to use the component:

import { render } from "react-dom";
import { Sigma } from "@dreesq/sigma";

const root = (
  <Sigma
    width={100}
    height={100}
    background={"red"}
    borderRadius={"50%"}
    cursor={"pointer"}
    hover={`
            background: yellow;
        `}
  />
);

render(root, document.querySelector("#root"));

In addition to the core component, the library provides additional useful components such as Grid and Base.