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</h1 >
3+ <h1 align =" left " >neubrutalism_ui v1.0.0 </h1 >
44<!-- <p>
55 <a href="https://github.com/deepraj02/neubrutalism_ui">
66 <img src="https://user-images.githubusercontent.com/63138398/225706659-4fa396f3-fc8a-4cdc-bbd4-3600b323db97.svg" alt="Logo" >
@@ -63,8 +63,8 @@ import 'package:neubrutalism_ui/neubrutalism_ui.dart';
6363```
6464
6565
66- ## Usage
67- ### NeuTextButton with Customization
66+
67+ # What's the Difference !!! ` v0.2.0 ` vs ` v1.0.0 ` ✨
6868
6969<table >
7070<tr >
@@ -83,43 +83,131 @@ Neubrutalism.neuTextButton(
8383```
8484</td >
8585<td >
86+
87+ ``` dart
88+ NeuTextButton(
89+ borderColor: Colors.black,
90+ shadowColor: Colors.black,
91+ buttonHeight: 50,
92+ buttonWidth: MediaQuery.of(context).size.width * 0.5,
93+ child: Row(
94+ mainAxisAlignment: MainAxisAlignment.center,
95+ children: const [
96+ Padding(
97+ padding: EdgeInsets.all(8.0),
98+ child: Text(
99+ "Hello",
100+ style: TextStyle(
101+ fontSize: 20, fontWeight: FontWeight.w600),
102+ ),
103+ ),
104+ ],
105+ ),
106+ ),
107+ ```
108+ </td >
109+ </tr >
110+ </table >
111+
112+ # Usage
113+
114+ ### NeuTextButton with Customization
115+
116+ <table >
117+ <tr >
118+ <td >
119+
120+ ``` dart
121+ NeuTextButton(
122+ borderColor: Colors.black,
123+ shadowColor: Colors.black,
124+ buttonHeight: 50,
125+ buttonWidth: MediaQuery.of(context).size.width * 0.5,
126+ child: Row(
127+ mainAxisAlignment: MainAxisAlignment.center,
128+ children: const [
129+ Padding(
130+ padding: EdgeInsets.all(8.0),
131+ child: Text(
132+ "Hello",
133+ style: TextStyle(
134+ fontSize: 20, fontWeight: FontWeight.w600),
135+ ),
136+ ),
137+ ],
138+ ),
139+ ),
140+ ```
141+ </td >
142+ <td >
86143<img src =" https://user-images.githubusercontent.com/63138398/225709552-5730bd9b-8e18-40c1-96e2-c45e7422a4c8.png " alt =" " >
87144</td >
88145</tr >
89146</table >
90147
91- ### NeuImageCard with Customization
148+
149+ ### The Neu - NeuContainer
150+ 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.
151+
92152<table >
93153<tr >
94154<td >
95155
96156``` dart
97- Neubrutalism.neuImageCard(
98- cardImage: Image.network(
99- "https://bit.ly/infamous404",
100- fit: BoxFit.cover,
101- ),
102- cardHeight: 300,
103- cardWidth: 300,
104- paddingData: const EdgeInsets.all(8),
157+ NeuContainer(
158+ height: 160,
159+ width: 250,
160+ child: Column(
161+ children: [
162+ const Text(
163+ "This is NeuContainer",
164+ style: TextStyle(fontSize: 23),
165+ ),
166+ const SizedBox(
167+ height: 20,
168+ ),
169+ Row(
170+ mainAxisAlignment: MainAxisAlignment.center,
171+ children: const [
172+ Icon(
173+ Icons.accessible_outlined,
174+ size: 50,
175+ ),
176+ Icon(
177+ Icons.accessible_outlined,
178+ size: 50,
179+ ),
180+ Icon(
181+ Icons.accessible_outlined,
182+ size: 50,
105183 ),
184+ Icon(
185+ Icons.accessible_outlined,
186+ size: 50,
187+ ),
188+ ],
189+ ),
190+ ],
191+ ),
192+ ),
106193```
107-
108194</td >
109195<td >
110- <img src =" https://user-images.githubusercontent.com/63138398/225916873-aba061e0-ff91-4f69-88e8-7b744654049a.jpg " alt =" " >
196+ <img src =" https://user-images.githubusercontent.com/63138398/232233193-01c717a7-c1a6-4c69-b5a7-d8e39d1876eb.png " alt =" " >
111197</td >
112198</tr >
113199</table >
114200
115201
202+
116203#### Examples:
117- | Component Name | Code | Preview |
118- | -------------- | ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
119- | TextButton | ` Neubrutalism.neuTextButton ` | <img src =" https://user-images.githubusercontent.com/63138398/225709552-5730bd9b-8e18-40c1-96e2-c45e7422a4c8.png " alt =" Button Preview " > |
120- | NeuImageCard | ` Neubrutalism.neuImageCard ` | <img src =" https://user-images.githubusercontent.com/63138398/225916873-aba061e0-ff91-4f69-88e8-7b744654049a.jpg " alt =" Image Card Preview " > |
121- NeuSearchBar|Neubrutalism.neuSearchBar|<img src =" https://user-images.githubusercontent.com/63138398/226177386-81a09de2-05f5-4848-8287-0fcbd20ba409.png " alt =" NeuSearch Preview " > |
122- NeuIconButton|Neubrutalism.neuIconButton| <img src =" https://user-images.githubusercontent.com/63138398/226177407-b435f7c2-6234-4943-a33e-6dbf1a714fa6.png " alt =" Neu Icon Button Preview " >|
204+ | Component Name | Code | Preview |
205+ | -------------- | ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
206+ | TextButton | ` NeuTextButton ` | <img src =" https://user-images.githubusercontent.com/63138398/225709552-5730bd9b-8e18-40c1-96e2-c45e7422a4c8.png " alt =" Button Preview " > |
207+ | NeuImageCard | ` NeuImageCard ` | <img src =" https://user-images.githubusercontent.com/63138398/225916873-aba061e0-ff91-4f69-88e8-7b744654049a.jpg " alt =" Image Card Preview " > |
208+ | NeuSearchBar | ` NeuSearchBar ` | <img src =" https://user-images.githubusercontent.com/63138398/226177386-81a09de2-05f5-4848-8287-0fcbd20ba409.png " alt =" NeuSearch Preview " > |
209+ | NeuIconButton | ` NeuIconButton ` | <img src =" https://user-images.githubusercontent.com/63138398/226177407-b435f7c2-6234-4943-a33e-6dbf1a714fa6.png " alt =" Neu Icon Button Preview " > |
210+ | NeuContainer | ` NeuContainer ` | <img src =" https://user-images.githubusercontent.com/63138398/232233193-01c717a7-c1a6-4c69-b5a7-d8e39d1876eb.png " alt =" NeuContainer " > |
123211
124212## Roadmap
125213
0 commit comments