I have this drawer example. Within drawerExample.js there's a Chakra component called <DrawerCloseButton /> I've been trying to wrap this component with <Flex> it wont seem to budge.

How can I render this component on the left side as I would like to change it into a back button

CodePudding user response：

You can align images or sources by giving the source a class, for example

<img src=photo.png" alt="A photo">

so you can give the source a class and go to css and give

.photo { align: left }

or you can use

.photo { float: left }

Hope it works!

CodePudding user response：

Just change placement right to left in drawerExample.js

Here is my code