OtherGridComponent represents a customizable grid container with optional meeting progress timer.
app-other-grid-component
true
CommonModule, MeetingProgressTimer
The template consists of:
MeetingProgressTimer
showTimer
backgroundColor
'transparent'
width
0
height
showAspect
timeBackgroundColor
'green'
false
meetingProgressTime
'00:00:00'
OtherGridComponent
<app-other-grid-component [backgroundColor]="'lightgray'" [width]="300" [height]="200" [showAspect]="true" [timeBackgroundColor]="'blue'" [showTimer]="true" [meetingProgressTime]="'00:05:32'"></app-other-grid-component> Copy
<app-other-grid-component [backgroundColor]="'lightgray'" [width]="300" [height]="200" [showAspect]="true" [timeBackgroundColor]="'blue'" [showTimer]="true" [meetingProgressTime]="'00:05:32'"></app-other-grid-component>
OtherGridComponent represents a customizable grid container with optional meeting progress timer.
Selector
app-other-grid-component
Standalone
true
Imports
CommonModule, MeetingProgressTimer
Template: -
The template consists of:
MeetingProgressTimer
component displayed within the grid ifshowTimer
is true.Styles
Inputs
backgroundColor
(string): Background color of the grid container. Default is'transparent'
.width
(number): Width of the grid in pixels. Default is0
.height
(number): Height of the grid in pixels. Default is0
.showAspect
(boolean): Controls visibility of the grid container. Default istrue
.timeBackgroundColor
(string): Background color of the timer. Default is'green'
.showTimer
(boolean): Determines if the timer should be displayed. Default isfalse
.meetingProgressTime
(string): Time to display in the timer. Default is'00:00:00'
.OtherGridComponent
Example