Carnation is now in early alpha. Read more

Docs
Components

Components

🚧

This page is under construction.

packages/ui/components/Button.tsx
import { c } from "carnation-ds";
import { ActivityIndicator } from "./ActivityIndicator";
 
export interface ButtonProps {
  busy?: boolean;
  children: string;
  disabled?: boolean;
  onPress(): void;
}
 
export function Button() {
  return (
    <c.button disabled={disabled} onPress={onPress} ariaBusy={busy}>
      {busy && <ActivityIndicator />}
      <c.span>{children}</c.span>
    </c.button>
  );
}