Button

Interactive button primitive supporting multiple semantic variants, sizes, and brand physical gloss.

Preview

Variants

Use the variant prop to set semantic visual weight:

variant="default"

variant="secondary"

variant="outline"

variant="destructive"

variant="ghost"

variant="link"

Sizes

Brand Gloss CTA

With Lemmo's official design system, buttons feature signature triple-inset gloss shadows for tactile feedback:

Usage

app/page.tsx

import { Button } from 'lemmoui'

export function MyAction() {
  return (
    <Button variant="default" size="default">
      Click Me
    </Button>
  )
}