Chakra UIで打ち消し線を使う

公開日時
更新日時

Chakra UIで打ち消し線を使う場合は、Textコンポーネントで as="s" を指定する。

<Text as="s">この部分が打ち消し線になる</Text>

sはStrikethrough(打ち消し線)の略らしい。

参考


Related #css

Chakra UIでホバー時のボタンの背景色を変える

_hoverで設定できる

Youtube動画で学ぶTailwind CSS

「Designing with Tailwind CSS」シリーズがとても分かりやすかった。

tailblocks

tailwind cssのテンプレート集

Tailwind CSSでダークモード対応をする

classを指定してユーザがダークモードを切り替えられるようにした

Learn CSS

Next.js 10 + Tailwind CSS 2.0 でAMP対応(hybrid)を行う

next/ampのhybridモードを使い通常ページとAMPページを生成し、PostCSSでCSSの容量削減を行いinline cssとして埋め込み