FooterRowAction

An icon button inside a FooterListRow, such as settings or remove, hidden until the row is hovered.

@internote/canvas-sdk/reactComponent
On this page
import { FooterRowAction } from '@internote/canvas-sdk/react';

Quiet until the row is hovered: a list at rest should read as maths, not as a column of buttons.

#Props

Takes no className, style or id.

active
Whether what the button opens is open; drawn pressed and exposed as aria-pressed.
boolean
ariaLabelRequired
The button's accessible name.
string
iconRequired
The icon from the SDK's set; chevronDown turns over while active.
playpauseplusremovesettingslockeyeeyeOffchevronDownchevronUpchevronLeftchevronRightcheckcrossdashzoomInzoomOutzoomReset
onClickRequired
Called when the button is pressed.
() => void

#Example

<FooterRowAction icon="remove" ariaLabel="Remove curve" onClick={() => remove(row.id)} />

Declared in packages/canvas-sdk/src/react/footer-actions.tsx:213.

Last updated