@ditus/sphere-3d

This repo contains a UI components for React that displays a badge representing a single nutrition fact, such as the fat or protein content of food. This repo is open source and will remain so.

Installation

npm i @ditus/sphere-3d

Usage

Ensure that the parent container has dimensions specified or has a position of relative since the sphere will take up the entire height and width of that container.

  <div
    style={{
      width: '400px',
      height: '400px',
    }}
  >
    <Sphere3D {...args} />
  </div>

Demo

To view the components, type:

npm i
npm run storybook

Roadmap

See the open issues for a list of proposed features (and known issues).

License

This project is licensed under the terms of the MIT license.