11<img src =" https://user-images.githubusercontent.com/63138398/225706659-4fa396f3-fc8a-4cdc-bbd4-3600b323db97.svg " alt =" Button Preview " >
22
3- <h1 align =" left " >neubrutalism_ui v1 .0.0</h1 >
3+ <h1 align =" left " >neubrutalism_ui v2 .0.0 🥳 </h1 >
44<p align =" center " >
55<a href =" https://github.com/deepraj02/neubrutalism_ui/issues " >Request Feature</a >
66<br >
@@ -82,114 +82,72 @@ NeuTextButton(
8282<!-- V 1.0.0 -->
8383``` dart
8484NeuTextButton(
85- text: const Text(
86- "Hello ",
87- style: TextStyle(
88- fontSize: 40,
89- ),
90- ),
91- onPressed: () {
92- debugPrint("Helloo ");
93- },
94- ),
85+ borderRadius: BorderRadius.circular(12),
86+ buttonColor:
87+ const Color.fromARGB(255, 236, 199, 211),
88+ buttonHeight: 60,
89+ buttonWidth: 100,
90+ enableAnimation: true,
91+ text: Text(
92+ "Hello",
93+ style: GoogleFonts.robotoCondensed(
94+ textStyle: const TextStyle(
95+ fontSize: 20,
96+ fontWeight: FontWeight.w700,
97+ ),
98+ ),
99+ ),
100+ ),
95101```
96102</td >
97103</tr >
98104</table >
99105
100106# Usage
101107
102- ### NeuTextButton with Customization (v2.0.0)
103-
108+ ### NeuTextButton with Customization (v2.0.0) : Enable Cool Animation
109+ #### (Set ` enableAnimation=true ` )
110+ Animations are currently mapped to the value fo offset provided in the ` offset ` property in the ` NeuTextButton ` and ` NeuIconButton ` widgets.
111+ (P.S: More the Value of the offset more will be the onPressed bounce animation Value.)
104112<table >
105113<tr >
106114<td >
107115
108- <!-- TODO: Responsive on both sides (Use the Newer Code v2.0.0) -->
116+
109117``` dart
110118NeuTextButton(
111- text: const Text(
112- "Hello ",
113- style: TextStyle(
114- fontSize: 40,
115- ),
116- ),
117- onPressed: () {
118- debugPrint("Helloo ");
119- },
120- ),
119+ borderRadius: BorderRadius.circular(12),
120+ buttonColor:
121+ const Color.fromARGB(255, 236, 199, 211),
122+ buttonHeight: 60,
123+ buttonWidth: 100,
124+ enableAnimation: true,
125+ text: Text(
126+ "Hello",
127+ style: GoogleFonts.robotoCondensed(
128+ textStyle: const TextStyle(
129+ fontSize: 20,
130+ fontWeight: FontWeight.w700,
131+ ),
132+ ),
133+ ),
134+ ),
121135```
122136</td >
123137<td >
124- <img src =" https://user-images.githubusercontent.com/63138398/260050262-49206b74-1e74-4c07-8753-ecda4e512f42.png " alt =" " >
138+ <img src =" https://user-images.githubusercontent.com/63138398/265234887-341632d2-5b7c-4e09-b226-7982e4de86c6.gif " alt =" " >
125139</td >
126140</tr >
127141</table >
128142
129143
130- ### The Neu - NeuContainer
131- The Main reason behind adding this NeuContainer Widget is to allow the Developers to Create Any custom Widgets which maynot be present in the Package, thus giving them full freedom to customize their Widgets without any restrictions.
144+ ### The Neu - NeuBottomNav
132145
133- <table >
134- <tr >
135- <td >
136-
137-
138- <!-- TODO: Iska Kal dunga -->
139- ``` dart
140- NeuContainer(
141- height: 160,
142- width: 250,
143- child: Column(
144- children: [
145- const Text(
146- "This is NeuContainer",
147- style: TextStyle(fontSize: 23),
148- ),
149- const SizedBox(
150- height: 20,
151- ),
152- Row(
153- mainAxisAlignment: MainAxisAlignment.center,
154- children: const [
155- Icon(
156- Icons.accessible_outlined,
157- size: 50,
158- ),
159- Icon(
160- Icons.accessible_outlined,
161- size: 50,
162- ),
163- Icon(
164- Icons.accessible_outlined,
165- size: 50,
166- ),
167- Icon(
168- Icons.accessible_outlined,
169- size: 50,
170- ),
171- ],
172- ),
173- ],
174- ),
175- ),
176- ```
177- </td >
178- <td >
179- <img src =" https://user-images.githubusercontent.com/63138398/232233193-01c717a7-c1a6-4c69-b5a7-d8e39d1876eb.png " alt =" " >
180- </td >
181- </tr >
182- </table >
183146
184- <!-- TODO: Fix : Make it responsive -->
185147
186148#### Examples:
187- | Component Name | Code | Preview |
188- | -------------- | ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
189- | TextButton | ` NeuTextButton ` | <img src =" https://user-images.githubusercontent.com/63138398/225709552-5730bd9b-8e18-40c1-96e2-c45e7422a4c8.png " alt =" Button Preview " > |
190- | NeuSearchBar | ` NeuSearchBar ` | <img src =" https://user-images.githubusercontent.com/63138398/226177386-81a09de2-05f5-4848-8287-0fcbd20ba409.png " alt =" NeuSearch Preview " > |
191- | NeuIconButton | ` NeuIconButton ` | <img src =" https://user-images.githubusercontent.com/63138398/226177407-b435f7c2-6234-4943-a33e-6dbf1a714fa6.png " alt =" Neu Icon Button Preview " > |
192- | NeuContainer | ` NeuContainer ` | <img src =" https://user-images.githubusercontent.com/63138398/232233193-01c717a7-c1a6-4c69-b5a7-d8e39d1876eb.png " alt =" NeuContainer " > |
149+
150+ <img src =" https://user-images.githubusercontent.com/63138398/265235364-a0afb9b4-1bb7-437b-8cd1-795483e0d781.png " alt =" " >
193151
194152## Roadmap
195153
@@ -213,7 +171,7 @@ Contributions are what make the open source community such an amazing place to b
213171
214172## License
215173
216- Distributed under the MIT License. See [ LICENSE] ( https://github.com/deepraj02/neubrutalism_ui/blob/main /LICENSE.md ) for more information.
174+ Distributed under the MIT License. See [ LICENSE] ( https://github.com/deepraj02/neubrutalism_ui/blob/master /LICENSE.md ) for more information.
217175
218176## Authors
219177<!-- TODO: Add name -->
0 commit comments