WIP

Neptune Icons

yarn add @lunaris-studios/paradigm-icons

Install it

Neptune Icons is currently under development, but if you'd like to use it anyway:

# npm
npm install @lunaris-studios/paradigm-icons

# yarn
yarn add @lunaris-studios/paradigm-icons

Features

• Typescript support

Use it

Import style functions:

import styled from 'styled-components';
import { margin, backgroundColor, compose } from '@lunaris-studios/paradigm-icons';

const styleProps = compose(
  margin,
  backgroundColor
);
const Box = styled('div')(styleProps);

const App = () => (
  <Box my={4} bg="blue">
    Hey there 👋
  </Box>
);

With Typescript:

import styled from 'styled-components';
import {
  margin,
  MarginProps,
  backgroundColor,
  BackgroundColorProps,
  compose,
} from '@lunaris-studios/paradigm-icons';

const styleProps = compose(
  margin,
  backgroundColor
);
type BoxProps = MarginProps & BackgroundColorProps;
const Box = styled('div') < BoxProps > styleProps;

const App = () => (
  <Box my={4} bg="blue">
    Hey there 👋
  </Box>
);

Docs

Proper docs coming soon.

License

MIT © Lunaris Studios