<table nxTable>
    <thead>
        <tr nxTableRow>
            <th nxHeaderCell>Size</th>
            <th nxHeaderCell>px</th>
            <th nxHeaderCell>Example</th>
        </tr>
    </thead>
    <tbody>
        @for (margin of marginSizes | keyvalue: returnZero; track margin) {
        <tr nxTableRow>
            <td nxTableCell>{{margin.key}}</td>
            <td nxTableCell>{{margin.value}}</td>
            <td nxTableCell>
                <div
                    class="margin-box"
                    [style.width]="margin.value + 'px'"
                    [style.height]="margin.value + 'px'"
                ></div>
            </td>
        </tr>
        }
    </tbody>
</table>
