FooterList

A hairline-separated list in an environment's footer, one FooterListRow per line.

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

#Props

Also takes className. Any other prop is passed to the rendered element.

children
The rows, each a FooterListRow.
ReactNode

#Example

<FooterList>
    {curves.map((curve) => (
        <FooterListRow key={curve.id} lead={<FooterMarker colour={colourCss(curve.colour)} tint={hueTint(curve.colour)}>{curveGlyph}</FooterMarker>}>
            <FooterExpression><FooterSymbol>y =</FooterSymbol><FooterMath value={curve.expression} onChange={(v) => edit(curve.id, v)} ariaLabel="Expression" /></FooterExpression>
        </FooterListRow>
    ))}
</FooterList>

Declared in packages/canvas-sdk/src/react/footer-list.tsx:34.

Last updated