Изменение анимации отображения материала-ui

Question

Можно ли изменить анимацию шоу диалога в материале-ui для взаимодействия с использованием css? Я не продвигаюсь в css, но я знаю, что существует нечто вроде transtion и transform.

Answer 1

Компонент Dialog предоставляет переходную опцию, которая может использоваться для переопределения значения по умолчанию. Существует пример в Dialog demo (меченой Slide в оповещении Dialog), который использует их при условии перехода слайдов:

import Slide from 'material-ui/transitions/Slide'; 

Тогда:

<Dialog open={this.state.open} transition={Slide} onRequestClose={this.handleRequestClose}> 

Здесь находятся компоненты переходов, которые они обеспечивают:

• Collapse
• Fade
• Grow
• Slide

Если ни один из них не служат своей цели, вы можете использовать их в качестве отправной точки для создания собственного компонента перехода.