@mels/react-components
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