Literal UI

import { Button } from '@literal-ui/core'import { Button } from '@literal-ui/core'

variant: "filled" | "outlined" | "text" | "elevated" | "tonal"variant: "filled" | "outlined" | "text" | "elevated" | "tonal"

<Button variant={variant}>{variant}</Button>
<Button variant={variant}>{variant}</Button>

disabled?: booleandisabled?: boolean

<Button variant={variant} disabled>
  {variant}
</Button>
<Button variant={variant} disabled>
  {variant}
</Button>

Icon?: IconTypeIcon?: IconType

<Button variant={variant} Icon={MdCheck}>
  {variant}
</Button>
<Button variant={variant} Icon={MdCheck}>
  {variant}
</Button>

as?: React.ElementTypeas?: React.ElementType

tonal

<Button
  variant="tonal"
  as="a"
  href="https://github.com"
  target="_blank"
  rel="noopener"
>
  tonal
</Button>
<Button
  variant="tonal"
  as="a"
  href="https://github.com"
  target="_blank"
  rel="noopener"
>
  tonal
</Button>