This package has been deprecated

Author message:

Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

@mels/react-components
TypeScript icon, indicating that this package has built-in type declarations

0.2.1 • Public • Published
mels react components

@mels/react-components

CircleCI (all branches) npm (scoped) code style: prettier

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 ❤️

License

MIT © melanieseltzer

Readme

Keywords

none

Package Sidebar

Install

npm i @mels/react-components

Weekly Downloads

0

Version

0.2.1

License

MIT

Unpacked Size

99.1 kB

Total Files

24

Last publish

Collaborators

  • melanieseltzer