Alert

import { Alert, Link, Text } from "@optiaxiom/react";
 
export function App() {
  return (
    <Alert>
      <Text>
        You do not have the required permissions to perform this action.
      </Text>
 
      <Text>
        <Link href="data:,">Request access</Link>
      </Text>
    </Alert>
  );
}

import { Alert, Flex } from "@optiaxiom/react";
 
export function App() {
  return (
    <Flex>
      <Alert intent="neutral">This is an example of a neutral alert.</Alert>
      <Alert intent="information">
        This is an example of an information alert.
      </Alert>
      <Alert intent="success">This is an example of a success alert.</Alert>
      <Alert intent="warning">This is an example of a warning alert.</Alert>
      <Alert intent="danger">This is an example of a danger alert.</Alert>
      <Alert intent="opal">This is an example of an opal alert.</Alert>
    </Flex>
  );
}

"use client";
 
import { Alert, Button } from "@optiaxiom/react";
import { useState } from "react";
 
export function App() {
  const [open, setOpen] = useState(true);
 
  return (
    <>
      {open && (
        <Alert onDismiss={() => setOpen(false)}>
          You do not have the required permissions to perform this action.
        </Alert>
      )}
 
      {!open && <Button onClick={() => setOpen(true)}>Show alert</Button>}
    </>
  );
}