React-librarything-shelf NPM

react-librarything-shelf

This React component allows you to display a user's LibraryThing books in a React application. It's a lot like the LibraryThing JavaScript widget, but allows for more customization, and React-like usage.

Demo

Storybook demo page

Example image

Installation

npm install --save react-librarything-shelf

yarn add react-librarything-shelf

Usage

import React from "react";
import { LibrarythingBookshelf } from "react-librarything-shelf";

export default function App() {
	return (
		<LibrarythingBookshelf userId="USER_ID_HERE" apiKey="API_KEY_HERE" />
	);
}

Customization

You can also set some options as supported by the Goodreads API:

Option	Type	Description	Default
sort	string	The order in which to sort the results returned	entry_REV
max	number	The maximum number of books to be returned	10
showDetails	boolean	Show the author and title	false
reviewsOnly	boolean	Show only books with review	false
tagList	string	Comma-separated tags to filter by	""
width	number	Minimum width allowed for each book	100
details	boolean	Whether to show book details like book title, author, and summary	false

Development

yarn start to watch changes and build
yarn storybook to launch storybook for testing

@babel/runtime reactjs-popup

@infinitebrahmanuniverse/nolb-react-li @everything-registry/sub-chunk-2564

1.0.2

3 years ago

1.0.1

3 years ago