Skip to content

Components

AccessALI uses a component-based architecture with shadcn/ui primitives and custom feature components.

Component Types

UI Components

shadcn/ui primitive components for building interfaces.

Location: src/components/ui/

See: UI Components

Feature Components

Custom components for specific features.

Location: src/components/[feature]/

See: Feature Components

Component Patterns

Server Components (Default)

// Async server component
export default async function PropertyList() {
  const properties = await getProperties()
  return <div>{properties.map(p => <PropertyCard key={p.id} {...p} />)}</div>
}

Client Components

'use client'

export function InteractiveButton() {
  const [clicked, setClicked] = useState(false)
  return <button onClick={() => setClicked(true)}>Click</button>
}

Learn More