A type safe material design with bootstrap buidler for java developer with GWT without dependencies on external JavaScript.
<dependency>
<groupId>com.progressoft.brix.domino</groupId>
<artifactId>domino-ui</artifactId>
<version>1.0-SNAPSHOT</version>
</dependency>
<dependency>
<groupId>com.progressoft.brix.domino</groupId>
<artifactId>domino-ui</artifactId>
<version>1.0-SNAPSHOT</version>
<classifier>sources</classifier>
</dependency>The lib is not yet deployed to maven, so for now you need to build it localy.
<inherits name="com.progressoft.brix.domino.ui.DominoUI"/><meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link type="text/css" rel="stylesheet" href="/{module-short-name}/font/material-icons.css">
<link type="text/css" rel="stylesheet" href="/{module-short-name}/plugins/bootstrap/css/bootstrap.css">
<link type="text/css" rel="stylesheet" href="/{module-short-name}/plugins/node-waves/waves.css">
<link type="text/css" rel="stylesheet" href="/{module-short-name}/plugins/animate-css/animate.css">
<link type="text/css" rel="stylesheet" href="/{module-short-name}/plugins/waitme/waitMe.css">
<link type="text/css" rel="stylesheet" href="/{module-short-name}/css/style.css">
<link type="text/css" rel="stylesheet" href="/{module-short-name}/css/themes/all-themes.css">
<script src="/{module-short-name}/plugins/node-waves/waves.js" type="text/javascript"></script>The dependency on the waves.js will be removed very soon.
Column column = Column.create()
.onLarge(Column.OnLarge.four)
.onMedium(Column.OnMedium.four)
.onSmall(Column.OnSmall.twelve)
.onXSmall(Column.OnXSmall.twelve);
DomGlobal.document.body.appendChild(Row.create()
.addColumn(column.copy()
.addElement(Card.create("CARD TITLE", "Card description")
.appendContent(Paragraph.create("I love domino-ui, domino-ui does not use jquery or js and is typesafe, I love domino-ui, domino-ui does not use jquery or js and is typesafe, I love domino-ui, domino-ui does not use jquery or js and is typesafe")
.asElement())
.setHeaderBackground(Background.BLUE)
.setBodyBackground(Background.LIGHT_BLUE)
.asElement()))
.addColumn(column.copy()
.addElement(Card.create("CARD TITLE", "Card description")
.appendContent(Paragraph.create("I love domino-ui, domino-ui does not use jquery or js and is typesafe, I love domino-ui, domino-ui does not use jquery or js and is typesafe, I love domino-ui, domino-ui does not use jquery or js and is typesafe")
.asElement())
.setHeaderBackground(Background.GREEN)
.setBodyBackground(Background.LIGHT_GREEN)
.asElement()))
.addColumn(column.copy()
.addElement(Card.create("CARD TITLE", "Card description")
.appendContent(Paragraph.create("I love domino-ui, domino-ui does not use jquery or js and is typesafe, I love domino-ui, domino-ui does not use jquery or js and is typesafe, I love domino-ui, domino-ui does not use jquery or js and is typesafe")
.asElement())
.setHeaderBackground(Background.ORANGE)
.setBodyBackground(Background.AMBER)
.asElement()))
.asElement());
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent