eraser5th / web-tutorial-document

https://eraser5th.github.io/web-tutorial-document/
MIT License
1 stars 0 forks source link

Tabsで死んだらこれを見ろ! #2

Open eraser5th opened 1 year ago

eraser5th commented 1 year ago

コードブロックでエラー

上に1行空行を入れよう! (`のエスケープは要りません)

<Tabs>
<TabItem ... >

\`\`\`js
hoge
\`\`\`
</TabItem>
</Tabs>
eraser5th commented 1 year ago

リストでエラー

下に1行空行を入れよう! (上は入れなくてもエラーにならないけど、正常に表示はされなくなる)

<Tabs>
<TabItem ... >

- hoge
- fuga

</TabItem>
</Tabs>
matumoto1234 commented 1 year ago

追記:嘘エラーでした。正確にはインデントが問題

Tabs中にli要素を使用するとエラーになる

これ、Tabs中関係なくmdxだからなんだろうなあ

エラーになる例

<Tabs>
<TabItem>

- hoge
- fuga

</TabItem>
</Tabs>

:arrow_up: ul要素が親にないのがエラーになってる

解決例

<Tabs>
<TabItem>

<ul>
<li>hoge</li>
<li>fuga</li>
</ul>

</TabItem>
</Tabs>
matumoto1234 commented 1 year ago

変にインデントするとダメ

:arrow_up: で嘘報告をしてしまったのでそれの補足

エラーになる例

<Tabs>
  <TabItem>

  - hoge
  - fuga

  </TabItem>
</Tabs>

OKな例

<Tabs>
<TabItem>

- hoge
- fuga

</TabItem>
</Tabs>