1/27/2024 0 Comments Cool shapes![]() Gatsby Themes by was the biggest inspiration for this project. Contributions of any kind welcome! References □□ This project follows the all-contributors specification. Thanks goes to these wonderful people ( emoji key): If you want to know about how to create pull request, then please refer to this youtube playlist. If you can help us with these, please don't hesitate to open a pull request or an issue. You may want to contribute on adding new shapes, fixing bugs, improving/refactoring code etc. This makes it an open source project and everyone are welcome to contribute to different aspects of the project. Awesome Shapes is created with the help of what is available for free on the internet and hence it will always be available for free. But if you think you have modified the project and built something really good, we will humbly request you to raise the pull request and share with the opensource community. You can use this project for personal as well as commercial purposes. This project is licensed under the MIT License - see the LICENSE.md file for details. But you can change the position attribute in case you want.īasic usage of the Shape in your react site is illustrated on the project website. ![]() You can see list of props corresponding to each shape in the respective implementation file linked above with shape.īy default, all the shapes have position: absolute so that you can define the coordinates to put the shapes to exact position. Similarly, you can pass other props in form of array if you want to define different sizes for different breakpoints. So, you can pass array of 4 elements for size prop which corresponds to 1200. It represents the breakpoints in which you will define the responsiveness. To do that, one of the prop to each shape component is breakpoints which is an array of numbers. UsageĬurrently, the package contains shapes: Circle, Donut, CircleGrid, Diamond, PolygonCard, Polygon, Star, Cross, Heart, SquareDonut, Arrow, Message.Īll of the shapes currently present in the package are made responsive and the responsiveness is customisable too. Read the complete in detail documentation in the Usage section. You can set different sizes of different variety of shapes by passing props. Geometric shapes are made using mathematical equations so they are more precise + perfect, unlike organic shapes which. The shapes are very easier to import and use wherever you want and in any web framework that uses NPM.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |