как работает интервал в MUI. например,

#reactjs #material-ui #styled-components

#reactjs #материал-пользовательский интерфейс #стилизованные компоненты

Вопрос:

<Box component="section" py={[5, 5, 10]}> что означает [5,5,10]? Я понимаю, что ‘py= {5}’ означает, что заполнение сверху и снизу равно 5 единицам. Как насчет «[5,5,10]»?

Комментарии:

1. Вы уверены, что это API? mui.com/components/box

Ответ №1:

Когда вы устанавливаете 3 параметра, первый — для верхнего, второй — для левого и правого, а третий — для нижнего.

Итак, это означает: padding-top:5 , padding-right:5 , padding-left:5 , padding-bottom:10

Это также относится к другим стилям, таким как margin, radius и т.д.