@project44-manifest/react/src/components/TableColumn/TableColumn.types.ts

Manifest Design System react components

import type { CSS } from '@project44-manifest/react-styles';

type Align = 'center' | 'justify' | 'left' | 'right';
export type TableColumnElement = 'th';

export interface TableColumnProps {
  /**
   * Theme aware style object
   */
  css?: CSS;
  /**
   * Text alignment of the table column.
   *
   * @default 'left'
   */
  align?: Align;
  /**
   * The content of the column.
   */
  children?: React.ReactNode;
  /**
   * Whether the current column is actively sorted.
   */
  isActive?: boolean;
  /**
   * Whether the column supports sorting.
   */
  isSortable?: boolean;
  /**
   * The sort direction of the column.
   *
   * @default 'asc'
   */
  sortDirection?: 'asc' | 'desc';
  /**
   * Callback executed on column click, used for column sort only.
   */
  onClick?: (event: React.MouseEvent<HTMLTableCellElement>) => void;
}