shadcn-ui-react 0.3.7 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +19 -3
- package/dist/index.cjs +423 -189
- package/dist/index.d.cts +76 -20
- package/dist/index.d.ts +76 -20
- package/dist/index.js +459 -228
- package/dist/style.css +242 -57
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -37,7 +37,9 @@ export default function App() {
|
|
|
37
37
|
return (
|
|
38
38
|
<div className="p-4">
|
|
39
39
|
<Button variant="default">Click me</Button>
|
|
40
|
-
<Button loading className="ml-2">
|
|
40
|
+
<Button loading className="ml-2">
|
|
41
|
+
Loading
|
|
42
|
+
</Button>
|
|
41
43
|
</div>
|
|
42
44
|
);
|
|
43
45
|
}
|
|
@@ -174,7 +176,9 @@ import {
|
|
|
174
176
|
import * as z from "zod";
|
|
175
177
|
|
|
176
178
|
const formSchema = z.object({
|
|
177
|
-
email: z
|
|
179
|
+
email: z
|
|
180
|
+
.string({ error: "Email is required" })
|
|
181
|
+
.email({ message: "Enter a valid email address" }),
|
|
178
182
|
password: z
|
|
179
183
|
.string()
|
|
180
184
|
.min(8, { message: "Password must be at least 8 characters" }),
|
|
@@ -201,6 +205,19 @@ export default function UserAuthForm() {
|
|
|
201
205
|
type="email"
|
|
202
206
|
placeholder="Enter your email"
|
|
203
207
|
label="Email"
|
|
208
|
+
variant="outline" //outline | soft | ghost | filled | flushed | unstyled | link
|
|
209
|
+
className="" //your style
|
|
210
|
+
/>
|
|
211
|
+
<FormSelect
|
|
212
|
+
control={form.control}
|
|
213
|
+
name="gender"
|
|
214
|
+
label="Gender"
|
|
215
|
+
variant="outline" //outline | soft | ghost | filled | flushed | unstyled | link
|
|
216
|
+
className="" //your style
|
|
217
|
+
items={[
|
|
218
|
+
{ label: "Male", value: "male" },
|
|
219
|
+
{ label: "Female", value: "female" },
|
|
220
|
+
]}
|
|
204
221
|
/>
|
|
205
222
|
<Button className="ml-auto w-full" type="submit">
|
|
206
223
|
Log In
|
|
@@ -290,7 +307,6 @@ const Example = () => {
|
|
|
290
307
|
export default Example;
|
|
291
308
|
```
|
|
292
309
|
|
|
293
|
-
|
|
294
310
|
---
|
|
295
311
|
|
|
296
312
|
## 💅 Theming & Styling
|