SpinnerRtl() — ui Function Reference

Architecture documentation for the SpinnerRtl() function in spinner-rtl.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ SpinnerRtl() — ui Function Reference

Dependency Diagram

graph TD
  4a7f3345_7501_9329_fbc5_4c3c79a13546["SpinnerRtl()"]
  354f3990_bf4f_93ad_17e8_87d3cf7712fa["spinner-rtl.tsx"]
  4a7f3345_7501_9329_fbc5_4c3c79a13546 -->|defined in| 354f3990_bf4f_93ad_17e8_87d3cf7712fa
  style 4a7f3345_7501_9329_fbc5_4c3c79a13546 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/spinner-rtl.tsx lines 41–62

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

  return (
    <div
      className="flex w-full max-w-xs flex-col gap-4 [--radius:1rem]"
      dir={dir}
    >
      <Item variant="muted" dir={dir}>
        <ItemMedia>
          <Spinner />
        </ItemMedia>
        <ItemContent>
          <ItemTitle className="line-clamp-1">{t.title}</ItemTitle>
        </ItemContent>
        <ItemContent className="flex-none justify-end">
          <span className="text-sm tabular-nums">{t.amount}</span>
        </ItemContent>
      </Item>
    </div>
  )
}