utscopy 1.1.3 → 1.1.4
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 +9 -18
- package/app/page.js +7 -6
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
|
|
2
2
|
|
|
3
|
+
|
|
3
4
|
## Getting Started
|
|
4
5
|
|
|
5
6
|
First, run the development server:
|
|
@@ -44,23 +45,13 @@ import { Button, Card, Header, Footer, Sidebar } from "utscopy";
|
|
|
44
45
|
5. <Footer variant="social" />
|
|
45
46
|
```
|
|
46
47
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.
|
|
50
|
-
|
|
51
|
-
This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
|
|
52
|
-
|
|
53
|
-
## Learn More
|
|
54
|
-
|
|
55
|
-
To learn more about Next.js, take a look at the following resources:
|
|
48
|
+
## Components
|
|
56
49
|
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
|
|
50
|
+
```bash
|
|
51
|
+
Button (primary, secondary, danger, outline)
|
|
52
|
+
Card (basic, featured, image, accent)
|
|
53
|
+
Header (default, center, color, gradient)
|
|
54
|
+
Sidebar (default, compact, grouped, collapsible)
|
|
55
|
+
Footer (default, simple, social, darkSplit)
|
|
65
56
|
|
|
66
|
-
|
|
57
|
+
```
|
package/app/page.js
CHANGED
|
@@ -525,17 +525,18 @@ export default function Page() {
|
|
|
525
525
|
<SingleCardDemo>
|
|
526
526
|
<Card
|
|
527
527
|
title="Yang Hyun-Suk"
|
|
528
|
-
content="CEO YG
|
|
528
|
+
content="CEO YG"
|
|
529
529
|
variant="basic"
|
|
530
|
-
|
|
531
|
-
|
|
530
|
+
footerText="Basic Footer"
|
|
531
|
+
/>
|
|
532
532
|
</SingleCardDemo>
|
|
533
533
|
|
|
534
534
|
<CodeBlock style={{ width: '100%' }}>{`
|
|
535
535
|
<Card
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
536
|
+
title="Yang Hyun-Suk"
|
|
537
|
+
content="CEO YG"
|
|
538
|
+
variant="basic"
|
|
539
|
+
footerText="Basic Footer"
|
|
539
540
|
/>
|
|
540
541
|
`}</CodeBlock>
|
|
541
542
|
</DemoSection>
|