😸

Polarisで呼び出したコンポーネントにCSSで余白を付ける(Shopify)

2022/10/27に公開約300字

Polarisは、Shopifyストアで使用されているパーツのデザインをそのまま呼び出したいときに使用するコンポーネントです。

ところが、この呼び出したパーツに余白を付けるコマンドが見つかりません。

色々調べた結果・・・どうやら存在しない模様。

そこで、直接CSSで指定することで対処しました。

<TextContainer>
	<div style={{margin:'2em 0'}}>
		<InlineError message="選択されている項目がありません。" />
	</div>
</TextContainer>

「TextContainer」と「InlineError」がPolarisです。

そこに、直接CSSでmarginを追加しました。

Discussion

ログインするとコメントできます