Install

1$ yarn add @99mini/atom

Usage

import

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

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

Table of Contents

• Button
• CheckBox
• Skeleton
• Progress
  • LinearProgress

Button

Default Button

1import { Button } from "@99mini/atom";
2
3const App = () => {
4  return <Button>Hello @99mini/atom/Button</Button>;
5};

Anchor Button

1import { Button } from "@99mini/atom";
2
3const App = () => {
4  return (
5    <Button href={"https://github.com/99mini/frontend-libraries"}>
6      {"Let use @99mini/<libraries>"}
7    </Button>
8  );
9};

CheckBox

1import { CheckBox } from "@99mini/atom";
2
3const App = () => {
4  return (
5    <div>
6      <CheckBox label="default" />
7      <CheckBox checked label="checked" />
8      <CheckBox disabled label="disabled" />
9      <CheckBox required label="required" />
10    </div>
11  );
12};

Skeleton

Progress

LinearProgress

Dependency

@99mini/utils @99mini/core