React

1. Install using your favorite package manager:

pnpm add @dotlottie/player-component

yarn install @dotlottie/player-component

npm install @dotlottie/player-component

2. Usage

import '@dotlottie/player-component';

declare global {
  namespace JSX {
    interface IntrinsicElements {
      'dotlottie-player': any;
    }
  }
}

function App() {
  return (
    <>
      <dotlottie-player
        src="[...].lottie"
        controls
      />
// Override manifest playback settings
      <dotlottie-player
        src="[...].lottie"
        direction="1"
        controls
        playmode="bounce"
        speed={6}
      />
    </>
  );
}

export default App;