开源软件名称(OpenSource Name):developit/preact-mdl开源软件地址(OpenSource Url):https://github.com/developit/preact-mdl开源编程语言(OpenSource Language):JavaScript 100.0%开源软件介绍(OpenSource Introduction):preact-mdlA collection of Preact Components that encapsulate Google's Material Design Lite. Quick StartGrab the App Skeleton from JSFiddle, Codepen, or Code Sandbox Using TypeScript? preact-mdl-example is an instant full project setup. DocumentationInstallationnpm install --save material-design-lite preact-mdl What does it look like?See for yourself - Here's some live-action demos: Usage
<!DOCTYPE html>
<html style="height: 100%; width: 100%;">
<head>
<meta charset="utf-8">
<meta name=viewport content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.2.1/material.indigo-pink.min.css">
<title>Preact-mdl Example</title>
</head>
<body style="height: 100%; width: 100%;">
<script src="/bundle.js"></script>
</body>
</html>
import { h, Component } from 'preact';
import mdl from 'material-design-lite/material';
import { Button } from 'preact-mdl';
export default class MyButton extends Component {
render() {
return(
<div>
<Button>I am button!</Button>
</div>
)
}
} DemosFor now, browse these Open Source projects using License |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论