terrierscript

<ul data-line="0" class="code-line">
<li data-line="0" class="code-line">HStack -&gt; Group</li>
</ul>

<ul data-line="0" class="code-line">
<li data-line="0" class="code-line">Providerとthemeとcss importを一緒にまとめておくと便利そう</li>
</ul>

<ul data-line="0" class="code-line">
<li data-line="0" class="code-line">theme</li>
</ul>
<div class="code-block-container"><pre class="language-ts"><code class="language-ts code-line" data-line="1">components: {
 Popover: {
 defaultProps: {
 radius: "md",
 }
 }
}
</code></pre></div>みたいにしてデフォルトのコンポーネント設定

<ul data-line="0" class="code-line">
<li data-line="0" class="code-line">modal
<ul data-line="1" class="code-line">
<li data-line="1" class="code-line"><a href="https://mantine.dev/core/modal/" target="_blank" rel="nofollow noopener noreferrer">https://mantine.dev/core/modal/</a></li>
<li data-line="2" class="code-line">withCloseButton / titleがあるので簡素化はする</li>
<li data-line="3" class="code-line">アニメーション変更はtransitionProps
<ul data-line="4" class="code-line">
<li data-line="4" class="code-line">popがchakraのそれに近そう</li>
</ul>
</li>
</ul>
</li>
</ul>

<ul data-line="0" class="code-line">
<li data-line="0" class="code-line">primaryColor: dark が一番近い感じ</li>
</ul>

<ul data-line="0" class="code-line">
<li data-line="0" class="code-line">Button
<ul data-line="1" class="code-line">
<li data-line="1" class="code-line">round: md</li>
</ul>
</li>
</ul>