@mels/react-components v0.2.1

A collection of some of my frequently used React components.

This is my attempt at centralizing some of my most repeated components across all of my various side projects and tinkerings 😁

NOTE: This is still a pretty early work in progress! Expect bugs and API changes 🐛

Install

npm install --save @mels/react-components

Documentation

https://mels-react-components.netlify.com

Components

• Flex
  • Flex Item
• Form Elements
  • Floating Label Input
  • Input
  • Label

... more to come!

Usage

import React, { Component } from 'react';
import { Input, Label } from '@mels/react-components';

export default class App extends Component {
  render() {
    return (
      <form>
        <Label htmlFor="email" color="tomato">
          Email
        </Label>
        <Input
          id="email"
          name="email"
          placeholder="hi@example.com"
          color="tomato"
          // ...
        />
      </form>
    );
  }
}

Thanks ❤️

• Icon logo from IconFinder
• create-react-library

License

MIT © melanieseltzer