Feedback / COMPONENT

Alert

Web · implementedDesktop · preview

Pesan status penting yang butuh perhatian user.

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

Your changes were saved.

Check your email address before continuing.

Your trial ends in 3 days.

A new version is available.

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 { Alert } from "./vendor/syne-ui/index.js";

export function Example() {
  return (
    <Alert variant="success">Saved successfully.</Alert>
  );
}

Make it yours

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