Skip to component details
EXEPERTAI LAB
ProductCapabilitiesTrustFAQUI GalleryBlogNews
Sign inOpen app ↗
ProductCapabilitiesTrustFAQUI GalleryBlogNewsSign in
← Browse gallery
Actions·@exepert/ui / Button

Button

A clear action control for starting, saving, or completing work.

Open in Playground ↗All components

Variants and states

8 copy-ready examples

Primary variant

The default action for the current step.

Open in Playground ↗
Starting preview…
import { Button } from "@exepert/ui";
import "@exepert/ui/styles.css";
export default function Example() {
  return (
    <Button variant="primary">Run analysis</Button>
  );
}

Usage

Use one primary action per region and choose a quieter variant for supporting actions.

Props

  • variant: primary | secondary | ghost | danger
  • size: sm | md | lg
  • disabled: boolean
  • loading: boolean
  • fullWidth: boolean

Accessibility

  • Uses a native button so keyboard activation and disabled semantics are preserved.
  • Keep the label concise and action-led; do not rely on color alone.

Install

Install the pinned public release, then import the component and stylesheet.

npm install @exepert/ui@0.1.0

import { Button } from "@exepert/ui";

import "@exepert/ui/styles.css";

EXEPERTAI LAB

Compare supported models, inspect system behaviour, and understand the context around each result.

PrivacyTermsContact

EXEPERT AI is an independent software and AI research lab in Malaysia

Malaysia · hello@exepert.com

Open in Gmail ↗

© 2026 EXEPERT AI. All rights reserved.