DEV Community

loading...
Cover image for Full-Screen Bottom Sheet With Social Share Button In Angular Material

Full-Screen Bottom Sheet With Social Share Button In Angular Material

w3hubs profile image w3hubs.com ・1 min read

Full-Screen Bottom Sheet With Social Share Button In Angular Material

Social share is the most important part for sites to get visitors. So here we made In Angular Material Full-Screen Bottom Sheet With Social Share Button/icons.

To make this more attractive we modify the bottom sheet class and we use font awesome icons to show which brand or which social icons it is. Also, we use flex CSS proprieties with justify-content to make this button proper center aligns. This is a fully responsive element for mobile and tablet views.

Make it yours now by using it, downloading it and please share it. we will design more elements for you.

Source code

Discussion (0)

pic
Editor guide