Button and progress components
Action buttons and read-only progress indicators for cells or headers. See component model for shared payload and placement.
Input, button, and progress example
CominsButtonComponentConfig
Section titled “CominsButtonComponentConfig”type: "button";Required button discriminator. Set the HTML button type separately through props.type.
props?: CominsTableComponentProps<TPayload, React.ButtonHTMLAttributes<HTMLButtonElement>>;Button attributes/resolver. HTML type defaults to button. Supports children, disabled, and aria-label.
onClick
Section titled “onClick”onClick?: (payload: TPayload & { event: React.MouseEvent<HTMLButtonElement>; }) => void;No callback by default. Runs after props.onClick with payload and a React MouseEvent. Does not mutate source data automatically.
CominsProgressComponentConfig
Section titled “CominsProgressComponentConfig”type: "progress";Required progress discriminator.
props?: CominsTableComponentProps<TPayload, React.HTMLAttributes<HTMLDivElement> & { max?: number; value?: number; }>;Div attributes plus value/max. Defaults: value 0, max 100. max is at least 1; display percentage is clamped to 0–100%. No change event.