Skip to content

Latest commit

 

History

History
72 lines (49 loc) · 2.78 KB

README.md

File metadata and controls

72 lines (49 loc) · 2.78 KB

Alpha Components

React components for faster and easier web development. Quickly bootstrap your application with free components that are nice to look at, easy to use, and guaranteed to make users and developers happy. Read the docs.

Netlify Status build workflow lint workflow test workflow npm npm

Getting started

📦 Installation

Install the alpha components via npm. We take care of injecting the needed styles.

$ npm install --save @miniml/alpha-components-react
$ yarn add @miniml/alpha-components-react

📝 Font

Use whatever font makes you happy. We think Jost looks very nice with these components.

@import url('https://indestructibletype.com/fonts/Jost.css');

body {
  font-family: 'Jost', sans-serif;
}

👩‍💻 Usage

Alpha components work without any additional setup, and don't pollute the global scope. See more.

import { Root } from '@miniml/alpha-components-react/root';
import { Button } from '@miniml/alpha-components-react/button';

function App() {
  return (
    <Root>
      <Button type="primary">I think we click</Button>
    </Root>
  );
}

Demo

Want to play around with the components without setting up a local app? Take a look at a CodeSandbox thats ready to go with some Alpha Components.

Source code

Documentation homepage

React components

See the components used in a production application