Action Sheet direction from top



I play with Action Sheet (LINK) and its seems a bit strange that (at least for me) there is no direction animation but only from bottom to top. Actually I wanted vice versa from top to bottom.

From css I can change bottom: 0 to top: 0 to make it work but I don’t want to reinvent the wheel:

.action-sheet-wrapper {
width: 100%;
position: fixed;
top: 0;

Or do I miss something?

How can I configure that or do I need to write custom css.



I think you are going to have to write some custom CSS. In iOS actiion sheets are a bottom up design element. Ionic followed suit.

The actionsheet specific CSS is at : line 2357.