Context
@unlayer/exporters exposes TimerExporters and TimerDefaults, but Elements does not currently expose a React <Timer> component.
This should be a clean component addition following the same factory pattern used by existing components such as <Button> and <Divider>.
Definition of Done
Add a React <Timer> component to Elements.
The component should:
Example Outcome
A developer should be able to import and use <Timer> like other Elements components.
For example:
import { Timer } from "@unlayer/elements";
export function PromoEmail() {
return (
<Timer />
);
}
The component should behave consistently with the exporter-backed components already available in Elements.
Where to Start
Useful references already exist in the codebase:
packages/react/src/components/Button.tsx
packages/react/src/components/Divider.tsx
packages/react/src/utils/create-component.tsx
@unlayer/exporters Timer exports
The goal is to add <Timer> using the same pattern as existing exporter-backed components.
Context
@unlayer/exportersexposesTimerExportersandTimerDefaults, but Elements does not currently expose a React<Timer>component.This should be a clean component addition following the same factory pattern used by existing components such as
<Button>and<Divider>.Definition of Done
Add a React
<Timer>component to Elements.The component should:
TimerExportersandTimerDefaultsExample Outcome
A developer should be able to import and use
<Timer>like other Elements components.For example:
The component should behave consistently with the exporter-backed components already available in Elements.
Where to Start
Useful references already exist in the codebase:
packages/react/src/components/Button.tsxpackages/react/src/components/Divider.tsxpackages/react/src/utils/create-component.tsx@unlayer/exportersTimer exportsThe goal is to add
<Timer>using the same pattern as existing exporter-backed components.