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 example passes passage.content straight to dangerouslySetInnerHTML. That content arrives transformed and sanitized by default. See getPassage.

The copyright text comes from the BibleVersion object:

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