Preview

successdescription

warningdescription

errordescription

infodescription

Code

import { Constants } from "@fefade/core"
import { Alert } from "@fefade/react"

export default function () {
  return (
    <div>
      {Constants.statusColors.map((color) => (
        <div key={color}>
          <Alert color={color}>
            <div style={{ display: "flex", flexDirection: "column" }}>
              <strong>{color}</strong>
              <small>description</small>
            </div>
          </Alert>
        </div>
      ))}
    </div>
  )
}