@hudoro/alert

Hudoro Alert

Hudoro Alert is a strict and customizable Alert component for web development projects, designed for simplicity and adherence to strict design guidelines.

Package instalation

Instal package using pnpm

  pnpm add @hudoro/alert

Instal package using yarn

  yarn add @hudoro/alert

Instal package using npm

  npm i @hudoro/alert

Usage/Examples (you can combine using icon package hudoro)

 import React from "react";
import ReactDOM from "react-dom/client";
import {Alert, AlertDescription, AlertIcon, AlertTitle} from "@hudoro/alert";

const App = () => (
  <div>
    <h1>Testing Button Component</h1>
    <Alert variant="warning">
      <AlertIcon />
      <div>
        <AlertTitle>New Feature Available</AlertTitle>
        <AlertDescription>
          Starting with Terraform 0.15, you can now upgrade to a new version and
          your workflows will continue to be operational, just as they were in
          prior versions
        </AlertDescription>
      </div>
    </Alert>
  </div>
);

ReactDOM.createRoot(document.getElementById("app")!).render(<App />);

Props @hudoro/accordion

Props that you can pass to <Alert {...props}>

Prop Name	Value	required
children	ReactNode	false
variant	"primary" / "success" / "danger" / "info" / "warning" / "dark"	false

Props that you can pass to <AlertTitle {...props}>

Prop Name	Value	required
children	ReactNode	false

Props that you can pass to <AlertDescription {...props}>

Prop Name	Value	required
children	ReactNode	false