https://github.com/tonylu110/uyou-window

This is a window webcomponent
https://github.com/tonylu110/uyou-window

Last synced: 3 months ago
JSON representation

This is a window webcomponent

• Host: GitHub
• URL: https://github.com/tonylu110/uyou-window
• Owner: tonylu110
• License: mit
• Created: 2022-12-31T08:56:14.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-17T10:53:10.000Z (over 2 years ago)
• Last Synced: 2025-01-06T04:27:03.096Z (4 months ago)
• Language: TypeScript
• Size: 23.4 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# uyou-window

This is a window webcomponent

[review in CodeSandbox](https://codesandbox.io/p/github/tonylu110/uyou-window/main)

If you want to use this component, you need build main.ts to `javascript` file, and add this to ``, you can use this like

```html

```

After you can change window style like

```html

you can add some nodes in this and show

```

It's like

![](https://mp-0956b3c3-b4ed-405b-812d-b6b32dfbc322.cdn.bspapp.com/cloudstorage/deb0eaaf-fe11-429c-8a01-ff17188ff5ea.png)

These props means

```

title // title bar text // default: title

tb-color // title bar color // default: bule

tt-color // title bar text color // default: white

width // window width // default: 400

height // window height // default: 300

y // window position on the y // default: 0 if have pos cannot use

x // window position on the x // default: o if have pos cannot use

body-color // body color // default: white

tb-shadow // title bar shadow show or hide // default: false

win-radius // window round radius // default: 10

pos // set window position // default: default set the prop do not use x or y

```