Atom() — ui Function Reference

Architecture documentation for the Atom() function in atom.tsx from the ui codebase.

Function tsx Internationalization RTLLayout

Entity Profile

Internationalization→ RTLLayout→ Atom() — ui Function Reference

Dependency Diagram

graph TD
  197ba238_6dd6_096a_9586_a5b6e42b2878["Atom()"]
  36395ea0_e28e_923b_89d0_ff0619f6fe10["atom.tsx"]
  197ba238_6dd6_096a_9586_a5b6e42b2878 -->|defined in| 36395ea0_e28e_923b_89d0_ff0619f6fe10
  style 197ba238_6dd6_096a_9586_a5b6e42b2878 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/lo-fi/atom.tsx lines 29–41

function Atom({
  className,
  shade,
  ...props
}: React.ComponentProps<"div"> & VariantProps<typeof atomVariants>) {
  return (
    <div
      data-slot="button"
      className={cn(atomVariants({ shade, className }))}
      {...props}
    />
  )
}