@hyly/global-components NPM

Getting Started

Installation

npm install @hyly/global-components

yarn add @hyly/global-components

Usage

You need to import styles first.

import "@hyly/global-components/dist/index.cjs.css";

`Selectable Table`

import React from "react";
import { Table } from "@hyly/global-components";
import "@hyly/global-components/dist/index.cjs.css";

function App() {
  return (
    <Table
      actionType=""
      actions={[]}
      columns={[
        {
          accessorKey: "blast",
          header: "Blast",
          type: "text",
        },
        {
          accessorKey: "subject",
          header: "Subject",
          type: "text",
        },
        {
          accessorKey: "uniqueSend",
          header: "Unique Send",
          meta: {
            description: "Unique Sends",
          },
          type: "number",
        },
      ]}
      handleSave={() => {}}
      rows={[
        {
          blast: "Blast Text",
          bounces: "3",
          subject: "new subject",
          uniqueClick: "20",
          uniqueOpen: "10",
          uniqueSend: "45",
          unsusbscribe: "6",
        },
        {
          blast: "Blast Text",
          bounces: "3",
          subject: "new subject",
          uniqueClick: "20",
          uniqueOpen: "10",
          uniqueSend: "45",
          unsusbscribe: "6",
        },
        {
          blast: "Blast Text",
          bounces: "3",
          subject: "new subject",
          uniqueClick: "20",
          uniqueOpen: "10",
          uniqueSend: "45",
          unsusbscribe: "6",
        },
      ]}
      rowsSelectable
      tableDescription="Add a variant to A/B test the new improvements and improve conversions. You can change the variant settings in the Schedule page."
      title="Blast Breakdown"
    />
  );
}