Semantic UI
ctrl+k
Enter a search term above to see results...
Semantic UI Understanding the Example
Lets delve into what exactly is happening in this example.
-
dateis defined instateand set to a default value ofnew Date(). -
The
onCreatedcallback creates an interval that updates the value ofstate.dateevery second usingnow(). -
The date is output using the expression
formatDate time "h:mm:ss a" -
Time is retrieved from the template’s data context.
-
formatDateis an included helper this is called with the results of the other expressions evaluated right to left.formatDate(time, 'h:mm ss a'). -
The css includes a CSS token
primary-text-colorwhich is defined in the CSS framework. Variables can be used in your components to reference global styling like, font, size, padding and more.