ButtonBase

Who uses itLink to "Who uses it"

Button, IconButton, Card (when interactive) and Select build on it, along with other composites that need a clickable control.

When to use it directlyLink to "When to use it directly"

Only when you are building a new composite that needs a button with behaviour of its own and none of the existing components fit. Style it with your own classes; ButtonBase adds none.

Use a component instead when you want a normal button (Button) or an icon-only action with a label and tooltip (IconButton).

UsageLink to "Usage"

import { ButtonBase } from "@arshad-shah/cynosure";

<ButtonBase className="my-toggle" pressed={on} onClick={() => setOn(!on)}>
  Bold
</ButtonBase>
<ButtonBase type="submit">Send</ButtonBase>

PropsLink to "Props"

It accepts every native button attribute except type, which is narrowed to "button" | "submit" | "reset".

GuaranteesLink to "Guarantees"

• type defaults to "button", so it never submits a form by accident. Pass type="submit" to submit.
• pressed is mirrored to aria-pressed and data-pressed.
• The ref reaches the native <button>.
• No styling: components add their own classes.

RelatedLink to "Related"

Button · IconButton