Copyright & Attribution

The UI components BibleCard, BibleReader.Content, and VerseOfTheDay automatically display copyright from version.copyright after the passage text.

If you're displaying scripture without using one of those components, you are responsible for displaying appropriate attribution yourself. For example:

Code
function CustomPassage() {
  const {
    passage,
    loading: loadingPassage,
    error: errorPassage,
  } = usePassage({ versionId: 3034, usfm: "JHN.3.16" });
  const {
    version,
    loading: loadingVersion,
    error: errorVersion,
  } = useVersion(3034);

  if (loadingPassage || loadingVersion) {
    return <p>Loading...</p>;
  }

  if (errorPassage || errorVersion || !passage?.content) {
    return <p>There was an error loading the Bible Passage</p>;
  }

  return (
    <div>
      <div dangerouslySetInnerHTML={{ __html: passage.content }} />
      {version?.copyright && (
        <p className="text-sm text-gray-600">{version.copyright}</p>
      )}
    </div>
  );
}

The copyright text comes from the BibleVersion object:

• copyright - Brief attribution (use after verses)
• promotional_content - Full copyright notice (use in settings/about pages)