SelectPlanItem() — ui Function Reference

Architecture documentation for the SelectPlanItem() function in select-example.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ SelectPlanItem() — ui Function Reference

Dependency Diagram

graph TD
  951c6b92_5680_064c_0e52_fd371a0cc778["SelectPlanItem()"]
  da287030_2184_07ad_21e7_133141a5c3fa["select-example.tsx"]
  951c6b92_5680_064c_0e52_fd371a0cc778 -->|defined in| da287030_2184_07ad_21e7_133141a5c3fa
  style 951c6b92_5680_064c_0e52_fd371a0cc778 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/examples/select-example.tsx lines 630–641

function SelectPlanItem({ plan }: { plan: (typeof plans)[number] }) {
  return (
    <Item size="xs" className="w-full p-0">
      <ItemContent className="gap-0">
        <ItemTitle>{plan.name}</ItemTitle>
        <ItemDescription className="text-xs">
          {plan.description}
        </ItemDescription>
      </ItemContent>
    </Item>
  )
}