# give/4.18.0/src/Views/Components/ListTable/RowAction/index.tsx

GiveWP – Donation Plugin and Fundraising Platform, version 4.18.0. 44 lines.

- Page: https://pluginprobe.com/plugins/give/4.18.0/code/src/Views/Components/ListTable/RowAction/index.tsx
- Raw: https://pluginprobe.com/plugins/give/4.18.0/raw/src/Views/Components/ListTable/RowAction/index.tsx
- Modified: 2025-10-01T11:37:12+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/give/4.18.0/code/src/Views/Components/ListTable/RowAction/index.tsx#L10-L20`.

```tsx
import styles from './RowAction.module.scss';
import cx from 'classnames';

export default function RowAction({
    onClick = null,
    className = '',
    actionId = null,
    displayText,
    hiddenText = '',
    disabled = false,
    highlight = false,
    href = '',
    ariaLabel = '',
}) {
    if (href) {
        return (
            <a
                href={href}
                className={cx(styles.action, {[styles.delete]: highlight}, className)}
                aria-label={ariaLabel || displayText}
            >
                {displayText} {hiddenText && <span className="give-visually-hidden">{hiddenText}</span>}
            </a>
        );
    }

    if (!onClick) {
        return null;
    }

    return (
        <button
            type="button"
            onClick={onClick}
            data-actionid={actionId}
            className={cx(styles.action, {[styles.delete]: highlight}, className)}
            disabled={disabled}
            aria-label={ariaLabel || displayText}
        >
            {displayText} {hiddenText && <span className="give-visually-hidden">{hiddenText}</span>}
        </button>
    );
}

```