File tree 2 files changed +29
-0
lines changed
2 files changed +29
-0
lines changed Original file line number Diff line number Diff line change
1
+ import { Component } from "../../util/Component.js" ;
2
+
3
+ export default def ( class Glyph extends Component {
4
+ static ID = 'ui.component.Glyph' ;
5
+
6
+ static PROPERTIES = {
7
+ size : {
8
+ value : 24 ,
9
+ } ,
10
+ codepoint : {
11
+ value : '✅' ,
12
+ } ,
13
+ }
14
+
15
+ static CSS = `
16
+ div {
17
+ text-align: center;
18
+ }
19
+ ` ;
20
+
21
+ create_template ( { template } ) {
22
+ template . innerHTML = /*html*/ `
23
+ <div style="font-size: ${ this . get ( 'size' ) } px;">
24
+ ${ this . get ( 'codepoint' ) }
25
+ </div>
26
+ ` ;
27
+ }
28
+ } ) ;
Original file line number Diff line number Diff line change @@ -3,6 +3,7 @@ logger.info('start -> async initialization');
3
3
4
4
import './util/TeePromise.js' ;
5
5
import './util/Component.js' ;
6
+ import './UI/Components/Glyph.js' ;
6
7
7
8
logger . info ( 'end -> async initialization' ) ;
8
9
globalThis . init_promise . resolve ( ) ;
You can’t perform that action at this time.
0 commit comments