JSPM – annotatable-table-component@1.0.0

Package Exports

annotatable-table-component
annotatable-table-component/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (annotatable-table-component) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Import the component:

import { AnnotatedTableComponent } from 'annotatable-table-component';

// Use the component
const MyComponent = () => {
  const data = {
    headers: ["Name", "Age", "City"],
    rows: [
      ["Alice", 30, "New York"],
      ["Bob", 25, "San Francisco"]
    ]
  };

  return ;
};

Props

data: Object containing headers (string[]) and rows (Array<string | number>[])

This component uses Tailwind CSS for styling. Ensure your project is set up with Tailwind CSS:

Install Tailwind CSS:

npm install tailwindcss postcss autoprefixer
npx tailwindcss init

module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}", // Your app's components
    "./node_modules/annotatable-table-component/**/*.{js,jsx,ts,tsx}", // This component
  ],
  theme: {
    extend: {},
  },
  plugins: [],
};