правильный (React / MaterialUI) метод размещения значков сортировки друг под другом в таблице

Question

Я использую следующий код в компоненте tsx. Я еще не знаком с правильными параметрами макета .
У меня рабочая песочница .

import React from "react";
import { ArrowDropUp, ArrowDropDown } from "@material-ui/icons";
import { withStyles } from "@material-ui/core/styles";

function SvgMaterialIcons(props) {
  const { classes } = props;
  return (
    <table>
      <thead>
        <tr>
          <td>
            TITLE <ArrowDropUp /> <ArrowDropDown />
          </td>
        </tr>
        <tr>
          <td>
            <input type="text" />
          </td>
        </tr>
      </thead>
    </table>
  );
}

Какой компонент макета следует использовать из material.ui для выравнивания значков сортировки друг под другом?

Answer 1

Это может быть мерзкая дыра с стилизацией иконок, чтобы они выглядели как угодно. почему бы не посмотреть на этот значок сортировки . Это может сработать для вас и сэкономить ваше время.