rasukarusan https://blog.hatena.ne.jp/rasukarusan/ ハイパーマッスルエンジニア https://www.rasukarusan.com/ Javascript 気軽なアウトプット にゅるっとした動きのものがなかったので作った。 Next.jsで動くのを目的に作ったので、styled-jsxを利用している。 SegmentControl.tsx import css from 'styled-jsx/css' import { useState, useEffect } from 'react' const styles = css` .controls { display: inline-flex; justify-content: space-between; background: #e7e7e7; border-radius: 8px; overflow: hid… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.rasukarusan.com%2Fentry%2F2022%2F08%2F07%2F114448" title="Reactでセグメントコントロール作る - ハイパーマッスルエンジニア" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/r/rasukarusan/20220807/20220807115406.png Hatena Blog https://hatena.blog 2022-08-07 11:44:48 rich https://www.rasukarusan.com/entry/2022/08/07/114448 1.0 100%