AlertLoFi() — ui Function Reference

Architecture documentation for the AlertLoFi() function in alert.tsx from the ui codebase.

Function tsx Internationalization Dictionary

Entity Profile

Internationalization→ Dictionary→ AlertLoFi() — ui Function Reference

Dependency Diagram

graph TD
  f740d8eb_eb25_4613_84c8_a65140a2594d["AlertLoFi()"]
  673ddb2d_5a8b_6d03_ea91_ee24ddcb319d["alert.tsx"]
  f740d8eb_eb25_4613_84c8_a65140a2594d -->|defined in| 673ddb2d_5a8b_6d03_ea91_ee24ddcb319d
  style f740d8eb_eb25_4613_84c8_a65140a2594d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/lo-fi/alert.tsx lines 5–18

export function AlertLoFi() {
  return (
    <Atom
      shade="100"
      className="rounder-lg flex items-start justify-between gap-2 border p-2"
    >
      <CircleAlertIcon className="size-3" />
      <div className="flex flex-1 flex-col gap-1">
        <Atom shade="300" className="h-2 w-2/3" />
        <Atom shade="200" className="h-2 w-full" />
      </div>
    </Atom>
  )
}