モック作りに Chakra UI を採用してみました。 レスポンシブ時に大きさの変わる <Button> コンポーネントを作るのに少しハマってしまったのでメモ。 環境 @chakra-ui/icons: ^1.0.13 @chakra-ui/react: ^1.6.3 Chakra UI の Button コンポーネントでは size props に配列形式でレスポンシブ時のボタンサイズの設定ができない width や margin や font-size の指定などは配列で指定することができました。 <Box fontSize={['xs', 'sm', 'md']}> Responsive…