Modulist-react NPM

modulist-react

React Modulist is a CSS design system

Install

npm install modulist-react

Components

Badge
Box
Input
Button
Alert
Avatar
Checkbox
Menu
Modal
Notification
Pagination
Popover
Progress
Radio
Select
Select native
Spinner
Stepper
Table
Tabs
Textarea
Toggle

Example

import React from "react";
import { Button, Input, Badge, Box } from "modulist-react";

export default class Example extends React.Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <div>
        <div>
            <Badge color="default">Default</Badge>
            <Badge color="primary">Primary</Badge>
            <Badge color="alternative">Alternative</Badge>
            <Badge color="subtle">Subtle</Badge>
            <Badge color="success">Success</Badge>
            <Badge color="danger">Danger</Badge>
        </div>
        <div>
            <Box>Default</Box>
        </div>
        <div>
            <Input placeholder="Placeholder" />
        </div>
        <div>
            <Button color="default">Default</Button>
            <Button color="primary">Primary</Button>
            <Button color="alternative">Alternative</Button>
            <Button color="subtle">Subtle</Button>
            <Button color="success">Success</Button>
            <Button color="danger">Danger</Button>
        </div>
      </div>
    );
  }
}

License

MIT