問題タブ [chakra-ui]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - react-markdown でカスタム コンポーネントを使用する方法
コンテキスト: Chakra UIを備えたNext.jsサイトがあります。実行時に外部ソース (レポの GitHub など) からフェッチされるユーザー提供のマークダウン コンテンツがいくつかあります。README.md
現在、react- markdown ( remarkjsに基づく) はデフォルトで、マークダウン画像 ( ) に HTML<img>タグを使用します![]()。ユーザー提供のマークダウンで、Next.js 10 でリリースされた新しい<Image />コンポーネントを使用したいと考えています。さらに、他のタグも対応する Chakra UI コンポーネントに置き換えたいと考えています。
どうすればこれを行うことができますか？
解決
次に、必要なページで：
他の要素も同じ...
javascript - ボタンの Chakra UI colorScheme プロップ
chakra_ui のテーマプロバイダーを拡張しました
Button コンポーネントを次のように使用し、colorScheme prop をテーマの値に設定しました。
css で次のように生成されました: background: brand.50.500;. 色が付かないので、問題ありませんか??
.50.numberや .100 など、ブランドは機能しませんが、他の組み込みの色は機能します。
https://codesandbox.io/s/infallible-allen-1k0tx?file=/src/App.js:257-333