Clock
An example of using reactivity to create a clock
component
Components
component.html
Reactivity
The `now` helper can be used to set a reactive date to the current time. `setInterval(() => state.time.now(), 1000)`
["component","advanced"]
Example
Semantic UI
Docs
UI Primitives
API Reference
Learn
Examples
ctrl+k
Enter a search term above to see results...
Components
UI Components
Accordion
Advanced Colors
Card Search
Color Picker
Product Card
Star Rating
Reactivity
Advanced Balls
Ball Simulation
Clock
Theme Preview
Keybinding
Advanced Keys
Basic Keys
Lifecycle
Async Search
Counter
Maximal
Minimal
On Created
TodoMVC
Events
Event Binding
Event Data
Global Events
Usage
External Calls
Settings
Modifying Settings
Setting Types
Basic Settings
Templates
Subtemplates
Advanced Subtemplates
Subtemplates
Basic
Global Helpers
Loops
Snippets Advanced
Snippets
Reactivity
Variables
Basic Reactivity
Birthday
After Flush
Guard
Reactive Async
Reactive Flush
Styling
CSS
Dynamic Breakpoints
Query
DOM Traversal
Shadow DOM
>