---
title: Countdown Timer
path_slug: countdown-timer
layout: default
category: utility
iframe_height: tiny
---

<div class="u-align-center--small">
	<h1>{{page.title}}</h1>
	<p class="u-lighten u-spacing__bottom--large">
		A timer component that dynamically counts to or from a given time in the past or future.
	</p>
</div>

{% include_relative content/_notes.md %}

<div class="u-spacing__top--large">

	<h2>Examples</h2>

	<div class="component-block u-spacing__bottom--large">
		{% include_relative content/_examples.md %}
	</div>
</div>

## Usage
<div class="component-block u-spacing__bottom--large">
	{% include_relative content/_code.md %}
</div>

## Documentation
<div class="component-block u-spacing__bottom--large">
	{% include_relative content/_documentation.md %}
</div>

## Browser Compatibility
<div class="component-block u-spacing__bottom--large">
	{% include_relative content/_support.md %}
</div>

## Resources
<div class="component-block u-spacing__bottom--large">
	{% include_relative content/_resources.md %}
</div>

---
title: Countdown Timer
path_slug: countdown-timer
layout: default
category: utility
iframe_height: tiny
---

<div class="u-align-center--small">
	<h1>{{page.title}}</h1>
	<p class="u-lighten u-spacing__bottom--large">
		A timer component that dynamically counts to or from a given time in the future or past.
	</p>
</div>

{% include_relative content/_notes.md %}

<div class="u-spacing__top--large">

	<h2>Examples</h2>

	<div class="component-block u-spacing__bottom--large">
		{% include_relative content/_examples.md %}
	</div>
</div>

## Usage
<div class="component-block u-spacing__bottom--large">
	{% include_relative content/_code.md %}
</div>

## Documentation
<div class="component-block u-spacing__bottom--large">
	{% include_relative content/_documentation.md %}
</div>

## Browser Compatibility
<div class="component-block u-spacing__bottom--large">
	{% include_relative content/_support.md %}
</div>

## Resources
<div class="component-block u-spacing__bottom--large">
	{% include_relative content/_resources.md %}
</div>

Fix grammar in Countdown Timer subtitle
Fix grammar in Countdown Timer subtitle
