bible-passage-picker

A bible passage picker for your React app.

Install

npm install --save bible-passage-picker

DEMO

This is how it shows in your layout

This is the Single Verse picker

This is the Multiple Verse picker

Usage

import React, {useState} from 'react'

import {BiblePassagePicker} from 'bible-passage-picker'
import 'bible-passage-picker/dist/index.css'
import {PassageValueType} from "../../src/types";

const App = () => {
  const [selectedPassage, setSelectedPassage] = useState<PassageValueType>({
    mode: 'single',
    single: {book: 'Genesis', chapter: 1, verse: 1},
    start: null,
    end: null
  });

  return <BiblePassagePicker value={selectedPassage} setValue={setSelectedPassage}/>
}

export default App

License

MIT © OlaAde