Function withFactory

add value to a prop based on a function and/or other props

See

withDefaults withDefault withOverride withOverrides

Example

function Card({ content, icon, border }: {
  content: string;
  icon?: "star" | "heart" | ...;
}) {
  return <>...</>
}
const StandardCard = withFactory<{content: string; icon?: Icon}>("icon", ({content, icon}) => content.includes("star") ? "star" : icon)(Card);

<StandardCard content="some content with star" icon="heart" />
// is equivalent to
<CardWithIcon content="some content with star" icon="star" />

// and
<StandardCard content="some content" icon="heart" />
// is equivalent to
<CardWithIcon content="some content" icon="heart" />
Copy