@99mini/atom

Install

$ yarn add @99mini/atom

Usage

import

import from @99mini/atom or @99mini/atom/<component>. You can do a default import using atom/<component>.

import { Button } from "@99mini/atom";
import Badge from "@99mini/atom/Badge";

Table of Contents

• Button
• CheckBox
• Skeleton
• Progress
  • LinearProgress

Button

Default Button

import { Button } from "@99mini/atom";

const App = () => {
  return <Button>Hello @99mini/atom/Button</Button>;
};

Anchor Button

import { Button } from "@99mini/atom";

const App = () => {
  return (
    <Button href={"https://github.com/99mini/frontend-libraries"}>
      {"Let use @99mini/<libraries>"}
    </Button>
  );
};

CheckBox

import { CheckBox } from "@99mini/atom";

const App = () => {
  return (
    <div>
      <CheckBox label="default" />
      <CheckBox checked label="checked" />
      <CheckBox disabled label="disabled" />
      <CheckBox required label="required" />
    </div>
  );
};

Skeleton

Progress

LinearProgress

Dependency

@99mini/utils @99mini/core