Chakra UIで打ち消し線を使う

公開日時
更新日時

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

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

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

参考


Related #css

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

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

Next.js9 + Tailwindcss2.0環境で Error: true is not a PostCSS plugin エラーが発生

Next.jsを最新バージョンにアップデートした

Refactoring UI: The Book

個人開発で何か作る際にBootstrap感のあるUIになりがち問題を解消したい

tailwindcss2.0 upgrade

Upgrade Guideを参考に

@tailwindcss/typographyにもダークモードを適用する

tailwind.config.jsにtypography設定を追加