2.3.16 • Published 11 months ago

@hyly/global-components v2.3.16

Weekly downloads
-
License
MIT
Repository
-
Last release
11 months ago

Getting Started

Installation

npm install @hyly/global-components

or

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"
    />
  );
}

Available Components

  • BarChart
  • EmailCard
  • InfoBar
  • MetricsBar
  • PreviewScoreboardLineGraph
  • PropertyCard
  • Table
  • Switch

  • InfoCard

  • LineGraph
  • MetricsCard
  • PreviewScoreboard
  • PropertyOverview
  • PropertyStatsCard
  • Dropdown
  • FilterBar
  • GroupedListDropdown
  • MultiLevelSelectDropdown
  • MultiSelectDropdown
  • MultiSelectFilter
  • MultiSelectGroupedDropdown

Package Publish

  • npm install --global rollup
  • yarn build-npm
  • Add auth token in npmrc file
  • npm publish

React Version >= 18.3.1

2.3.16

11 months ago

2.3.15

11 months ago

2.3.14

11 months ago

2.3.13

11 months ago

2.3.12

12 months ago

2.3.11

12 months ago

2.3.10

12 months ago

2.3.9

1 year ago

2.3.8

1 year ago

2.3.7

1 year ago

2.3.6

1 year ago

2.3.5

1 year ago

2.3.4

1 year ago

2.3.3

1 year ago

2.3.2

1 year ago

2.3.1

1 year ago

2.3.0

1 year ago

2.2.8

1 year ago

2.2.7

1 year ago

2.2.6

1 year ago

2.2.5

1 year ago

2.2.4

1 year ago

2.2.3

1 year ago

2.2.2

1 year ago

2.2.1

1 year ago

2.2.0

1 year ago

2.1.9

1 year ago

2.1.8

1 year ago

2.1.7

1 year ago

2.1.6

1 year ago

2.1.5

1 year ago

2.0.4

1 year ago

2.0.3

1 year ago

2.0.1

1 year ago

2.0.0

1 year ago

1.1.3

1 year ago

1.1.2

1 year ago

1.1.1

1 year ago

1.1.0

1 year ago

1.0.9

1 year ago

1.0.8

1 year ago

1.0.6

1 year ago

1.0.4

1 year ago

1.0.2

1 year ago

1.0.1

1 year ago

1.0.0

1 year ago