yuw27b’s blog

技術メモと雑記

2019-08-19から1日間の記事一覧

改行入りのテキストをReactでレンダリングする

改行が含まれてると分かっている時は、component内に関数を用意して、行ごとにpタグで囲む。または、brタグを挿入する const textWrap = (text) => { if (typeof text !== 'string') { return null; } return text.split('\n').join('<br />'); } 改行が2連続の場…

ボタンを押したことが伝わるCSS

CSS

a要素やbutton要素のボタンのCSSは、最近よくこんな感じにします。 :active属性でボタンを押下した状態のスタイルを指定できますが、1px下に動かすだけでもユーザーに「ボタンを押した」ことが伝わります。 See the Pen button:active by Yu Watanabe (@yuw2…