material ui change icon size on xs screen

Worried Weasel answered on April 18, 2021 Popularity 5/10 Helpfulness 2/10

answer material ui change icon size on xs screen

material ui change icon size on xs screen

Comment

import React from "react";
import ArrowRightAlt from "@material-ui/icons/ArrowRightAlt";
import Box from "@material-ui/core/Box";

export default function App() {
  return (
    <Box
      clone
      color={{ xs: "red", sm: "orange", md: "yellow", lg: "green", xl: "blue" }}
      fontSize={{ sm: 48, md: 96, lg: 192, xl: 384 }}
    >
      <ArrowRightAlt />
    </Box>
  );
}

Popularity 5/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript material-ui screen size xs

Link to this answer
Share Copy Link

Contributed on Apr 18 2021

Worried Weasel

0 Answers Avg Quality 2/10

material ui change icon size on xs screen

Contents

More Related Answers

material ui change icon size on xs screen

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.