Button

#Default usage

#Usage

import { Button } from "@froggdesign/enter-ui";

export function Example() {
  return (
    <>
      <Button>Deploy</Button>
      <Button variant="secondary">Preview</Button>
      <Button variant="ghost">Cancel</Button>
      <Button variant="danger">Delete</Button>
      <Button disabled>Disabled</Button>
    </>
  );
}

#Patterns

#Accessibility

Button renders a native button, defaults to type="button", supports disabled state, and keeps focus-visible styling available through the theme ring.

#API

• variant: primary, secondary, ghost, or danger.
• size: sm, md, or lg.
• Includes native button props such as disabled, aria-label, and type.

#Styling

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.