utscopy 1.1.2 → 1.1.3
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 +37 -7
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -5,13 +5,43 @@ This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-
|
|
|
5
5
|
First, run the development server:
|
|
6
6
|
|
|
7
7
|
```bash
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
#
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
#cara install
|
|
9
|
+
npm i utscopy
|
|
10
|
+
|
|
11
|
+
#setelah di install import komponen
|
|
12
|
+
import { Button, Card, Header, Footer, Sidebar } from "utscopy";
|
|
13
|
+
|
|
14
|
+
#contoh pemanggilan komponen
|
|
15
|
+
1. <Button variant="primary" size="medium" shape="default">
|
|
16
|
+
Primary Button
|
|
17
|
+
</Button>
|
|
18
|
+
|
|
19
|
+
2. <Card
|
|
20
|
+
title="YG U Soul"
|
|
21
|
+
content="Interior Gedung Entertainment Big 3 di Korea Selatan"
|
|
22
|
+
variant="image"
|
|
23
|
+
imageUrl="https://img.era.id/mHAIL0nV-JsK2GBVfNKEOxdSAj3AUgIvThE38LKX9cM/rs:fill:1280:720/g:sm/bG9jYWw6Ly8vcHVibGlzaGVycy8zODY5MS8yMDIwMDkyMzE1MDUtbWFpbi5qcGVn.jpg"
|
|
24
|
+
footerText="@ygofficial"
|
|
25
|
+
style={{ width: '100%' }}
|
|
26
|
+
/>
|
|
27
|
+
|
|
28
|
+
3. <Header
|
|
29
|
+
variant="default"
|
|
30
|
+
currentTheme="${currentTheme}"
|
|
31
|
+
onThemeChange={handleThemeChange}
|
|
32
|
+
logoSrc="https://upload.wikimedia.org/wikipedia/commons/3/31/YG_Entertainment_logo.png"
|
|
33
|
+
logoAlt="YG Logo"
|
|
34
|
+
/>
|
|
35
|
+
|
|
36
|
+
4. <Sidebar
|
|
37
|
+
variant="grouped"
|
|
38
|
+
groups={[
|
|
39
|
+
{ title: 'UI Components', items: ['Button', 'Card'] },
|
|
40
|
+
{ title: 'Layout', items: ['Header', 'Footer'] },
|
|
41
|
+
]}
|
|
42
|
+
/>
|
|
43
|
+
|
|
44
|
+
5. <Footer variant="social" />
|
|
15
45
|
```
|
|
16
46
|
|
|
17
47
|
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
|