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 |