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
  952b25e7_078c_a928_09b2_28f4896ae7b5["SpinnerRtl()"]
  69b12d36_2433_e0f4_10a1_3a40af2cd2b8["spinner-rtl.tsx"]
  952b25e7_078c_a928_09b2_28f4896ae7b5 -->|defined in| 69b12d36_2433_e0f4_10a1_3a40af2cd2b8
  style 952b25e7_078c_a928_09b2_28f4896ae7b5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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