Usage

Header and Navbar Components

Props

• Header Component

  • balance (string | number): The balance to be displayed.

• Navbar Component

  • currentGames ("coinflip" | "mines" | "cryptos" | "crash"): The currently selected game.

Example

import React from "react";
import { Header, Navbar } from "p4l-games-ui";

const MyApp = () => (
  <div>
    <Header balance={100} />
    <Navbar currentGames="coinflip" />
  </div>
);

export default MyApp;