<CdcDataBite /> is a React component produced by the CDC for highlighting/displaying a single piece of data in a card format. This package is part of the larger CDC Open Visualization project.

1. Install the package in your React project npm install @cdc/data-bite
2. Import the component and begin using in your code.

import CdcDataBite from '@cdc/data-bite'

function App() {

  return (
    <div className="App">
      <CdcDataBite config={configObj} />
    </div>
  );
}

export default App;

Note, you must pass in a configuration object. Configuration objects can be created with the Editor package.

Sample config data can be found in packages/data-bite/examples.