直接來說,不會有這樣的簡寫屬性,padding/p屬性只接受單一間距值。如果您不想使用提供的長手屬性(pt、pr、pb、pl),並且由於某種原因需要將它們作為列表傳遞,最好的方法是提供一個函數給padding/p屬性,從中Box可以派生出值(如果您不想使用sx)。例如:
<Box padding={(theme) => theme.spacing(2, 1, 1, 2)} />
可運行的CodeSandbox範例程式碼:: https://codesandbox.io/s/box-padding-example-r6v28m?file=/demo.tsx
直接來說,不會有這樣的簡寫屬性,padding/p屬性只接受單一間距值。如果您不想使用提供的長手屬性(pt、pr、pb、pl),並且由於某種原因需要將它們作為列表傳遞,最好的方法是提供一個函數給padding/p屬性,從中Box可以派生出值(如果您不想使用sx)。例如:
可運行的CodeSandbox範例程式碼:: https://codesandbox.io/s/box-padding-example-r6v28m?file=/demo.tsx
#