Button
Primary
32px xs | 36px sm | 40px md | 44px lg | 54px xl | |
|---|---|---|---|---|---|
| Default | |||||
| Hover | |||||
| Pressed | |||||
| Disabled |
Sub
32px xs | 36px sm | 40px md | 44px lg | 54px xl | |
|---|---|---|---|---|---|
| Default | |||||
| Hover | |||||
| Pressed | |||||
| Disabled |
Grey
32px xs | 36px sm | 40px md | 44px lg | 54px xl | |
|---|---|---|---|---|---|
| Default | |||||
| Hover | |||||
| Pressed | |||||
| Disabled |
Usage (React)
@gbgr/react의 Button을 쓰는 경우:
import { Button } from "@gbgr/react";
import "@gbgr/react/styles.css";
export function Example() {
return <Button tone="primary">Save</Button>;
}