Button

import {Button} from "@medway-ui/core";
 
<Button variant="regular">Button</Button>
<Button variant="regular-soft">Button</Button>
<Button variant="regular-basic">Button</Button>

import {Button} from "@medway-ui/core";
 
<Button variant="emphasis">Button</Button>
<Button variant="emphasis-soft">Button</Button>
<Button variant="emphasis-basic">Button</Button>

import {Button} from "@medway-ui/core";
 
<Button variant="error">Button</Button>
<Button variant="error-soft">Button</Button>
<Button variant="error-basic">Button</Button>

import {Button} from "@medway-ui/core";
 
<Button variant="warning">Button</Button>
<Button variant="warning-soft">Button</Button>
<Button variant="warning-basic">Button</Button>

import {Button} from "@medway-ui/core";
 
<Button variant="success">Button</Button>
<Button variant="success-soft">Button</Button>
<Button variant="success-basic">Button</Button>

import {Button} from "@medway-ui/core";
 
<Button variant="outlined">Button</Button>
<Button className="font-medium" variant="outlined">Button</Button>
<Button variant="outlined" iconLeft={<Star />}>Button</Button>
<Button variant="outlined" iconLeft={<Star />} />

import {Button} from "@medway-ui/core";
 
<Button variant="gradient">Button</Button>
<Button variant="gradient" iconLeft={<Star />}>Button</Button>

import {Button} from "@medway-ui/core";
 
<Button variant="medbrain">Button</Button>
<Button variant="medbrain" iconLeft={<Star />}>Button</Button>

import {Button} from "@medway-ui/core";
 
<Button size="sm">Button</Button>
<Button size="md">Button</Button>
<Button size="lg">Button</Button>
<Button size="xl">Button</Button>

import { Button, ArrowRightMd, ArrowLeftMd } from "@medway-ui/core";
 
<Button variant="regular" iconLeft={<ArrowLeftMd />}>Button</Button>
<Button variant="emphasis" iconRight={<ArrowRightMd />}>Button</Button>
<Button variant="gradient" iconLeft={<ArrowLeftMd />}>Button</Button>
<Button variant="gradient" iconRight={<ArrowRightMd />}>Button</Button>
<Button variant="outlined" iconRight={<Star />}>Button</Button>
<Button iconLeft={<Heart2 />} />

import { Button, ArrowRightMd, ArrowLeftMd } from "@medway-ui/core";
 
 <Button variant="regular" badge={1} iconRight={<Mail />} />
 <Button variant="emphasis" badge={2} iconRight={<ShoppingCart2 />} />
 <Button variant="gradient" badge={3} iconLeft={<User3 />} />
 <Button variant="outlined" badge={4} iconRight={<Star />} />
 <Button variant="outlined" badge={5} iconLeft={<Heart2 />} />

import {Button} from "@medway-ui/core";
 
<Button alert="red" variant="outlined" size="sm">Button</Button>
<Button alert="blue" variant="outlined" size="md">Button</Button>
<Button alert="green" variant="outlined" size="lg">Button</Button>
<Button alert="black" variant="outlined" size="xl">Button</Button>

import {Button} from "@medway-ui/core";
 
<Button loading>Button</Button>
<Button loading variant="emphasis" size="lg">Button</Button>

import {Button} from "@medway-ui/core";
 
<Button disabled variant="regular">Button</Button>
<Button disabled variant="regular-soft">Button</Button>
<Button disabled variant="regular-basic">Button</Button>
<Button disabled variant="outlined" iconLeft={<Star />}>Button</Button>