AlertRtl() — ui Function Reference

Architecture documentation for the AlertRtl() function in alert-rtl.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ AlertRtl() — ui Function Reference

Dependency Diagram

graph TD
  3beeb70b_b04d_abef_b499_8924fe5483bc["AlertRtl()"]
  05385d89_cf84_d0c6_c036_a18b0c7d28ec["alert-rtl.tsx"]
  3beeb70b_b04d_abef_b499_8924fe5483bc -->|defined in| 05385d89_cf84_d0c6_c036_a18b0c7d28ec
  style 3beeb70b_b04d_abef_b499_8924fe5483bc fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/alert-rtl.tsx lines 65–82

export function AlertRtl() {
  const { dir, t } = useTranslation(translations, "ar")

  return (
    <div className="grid w-full max-w-md items-start gap-4" dir={dir}>
      {alerts.map((alert, index) => {
        const Icon = alert.icon
        return (
          <Alert key={index}>
            <Icon />
            <AlertTitle>{t[alert.titleKey]}</AlertTitle>
            <AlertDescription>{t[alert.descriptionKey]}</AlertDescription>
          </Alert>
        )
      })}
    </div>
  )
}