material-uiテーマのデフォルトの間隔は8pxであることに気づきました。theme.spacing(1)
8pxに等しいです。theme.spacing(2)
16pxに等しい、など。間隔がオーバーライドする方法で機能することを知っているので、<Box m={4} />
またはを書くことができtheme = {spacing: 4}
ます。ただし、間隔がデフォルトで8pxであると定義されている場所を知りたいと思います。
注:ここでのデフォルトのテーマDefaultThemeには定義された間隔がなく、マテリアルUIリポジトリでも見つかりませんでした
デフォルトのテーマは、createSpacing
関数の結果として間隔を定義します。
function createMuiTheme(options = {}) {
const {
// ...
spacing: spacingInput,
// ...
} = options;
// ...
const spacing = createSpacing(spacingInput);
// ...
}
これがcreateSpacing
関数の定義です。
export default function createSpacing(spacingInput = 8) {
// ...
const spacing = (...args) => {
// ...
}
// ...
return spacing
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加