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
  e5332b44_f769_b414_a6c0_05a9c9f66146["AlertRtl()"]
  b6201f97_380a_0d7b_34b6_82a26272ecbd["alert-rtl.tsx"]
  e5332b44_f769_b414_a6c0_05a9c9f66146 -->|defined in| b6201f97_380a_0d7b_34b6_82a26272ecbd
  style e5332b44_f769_b414_a6c0_05a9c9f66146 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/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>
  )
}