@phoenix_fan/web-components-ui
TypeScript icon, indicating that this package has built-in type declarations

1.0.16 • Public • Published

web-components-ui

跨技术栈UI组件库,支持UMD,浏览器原生支持

快速开始

安装

  npm i @phoenix_fan/web-components-ui

快速上手

import { Button } from '@phoenix_fan/web-components-ui'
Button.regist()

// template
<web-button type="primary" size="middle">这是按钮</web-button>

浏览器中使用

<!DOCTYPE html>
<html lang="en">
	<head>
  		<meta charset="UTF-8">
  		<meta http-equiv="X-UA-Compatible" content="IE=edge">
  		<meta name="viewport" content="width=device-width, initial-scale=1.0">
  		<title>Web Component</title>
		<script src="node_modules/@phoenix_fan/web-components-ui/lib/index.umd.js"></script>
	</head>
	<body>
		<div id="root">
			<web-button type="primary" size="middle">这是按钮</web-button>
		</div>
		<script>
			const { Button } = WebComponent
			Button.regist()
		</script>
	</body>
</html>

Package Sidebar

Install

npm i @phoenix_fan/web-components-ui

Weekly Downloads

0

Version

1.0.16

License

ISC

Unpacked Size

37.1 kB

Total Files

11

Last publish

Collaborators

  • f641753527