Core / COMPONENT

Button

Web · implementedDesktop · native

Tombol aksi utama untuk trigger event atau submit flow.

import { Button } from "./vendor/syne-ui/index.js";TypeScript ready

Variantsolidsoftoutlineghost

Interactive example · Try the controls with your mouse or keyboard.

Start with an example

Import the component and adapt it to your interface.

Example.tsxTSX

import { Button } from "./vendor/syne-ui/index.js";

export function Example() {
  return (
    <Button variant="solid" size="md" onClick={() => console.log("Saved")}>Save</Button>
  );
}

Make it yours

Use className and --syne-* tokens to match your design system.