IconLibraryPickerItem() — ui Function Reference

Architecture documentation for the IconLibraryPickerItem() function in icon-library-picker.tsx from the ui codebase.

Function tsx DesignEngine PreviewSystem

Entity Profile

DesignEngine→ PreviewSystem→ IconLibraryPickerItem() — ui Function Reference

Dependency Diagram

graph TD
  2f7b45cc_3159_214c_d7de_ddd1d6637ce2["IconLibraryPickerItem()"]
  f4a0adba_f490_99de_9ed8_5f1516b92ce0["icon-library-picker.tsx"]
  2f7b45cc_3159_214c_d7de_ddd1d6637ce2 -->|defined in| f4a0adba_f490_99de_9ed8_5f1516b92ce0
  style 2f7b45cc_3159_214c_d7de_ddd1d6637ce2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(create)/components/icon-library-picker.tsx lines 295–317

function IconLibraryPickerItem({
  iconLibrary,
  value,
}: {
  iconLibrary: IconLibrary
  value: string
}) {
  return (
    <PickerRadioItem
      value={value}
      className="pr-2 *:data-[slot=dropdown-menu-radio-item-indicator]:hidden"
    >
      <Item size="xs">
        <ItemContent className="gap-1">
          <ItemTitle className="text-muted-foreground text-xs font-medium">
            {iconLibrary.title}
          </ItemTitle>
          <IconLibraryPreview iconLibrary={iconLibrary.name} />
        </ItemContent>
      </Item>
    </PickerRadioItem>
  )
}