Get unlimited public & private packages + team-based management with npm Teams.Learn more »

@zendeskgarden/container-schedule

1.3.2 • Public • Published

@zendeskgarden/container-schedule npm version

This package includes containers relating to schedule in the Garden Design System.

Installation

npm install @zendeskgarden/container-schedule

Usage

For live examples check out our storybook.

As a Render Prop Component

import { ScheduleContainer } from '@zendeskgarden/container-schedule';
 
<ScheduleContainer duration={1000} delayMS={0}>
  {elapsed => <p>Percentage: {(elapsed * 100).toFixed(0)}%</p>}
</ScheduleContainer>;

As a hook

import { useSchedule } from '@zendeskgarden/container-schedule';
 
const Animation = () => {
  const elapsed = useSchedule({ duration: 1000, delayMS: 0 });
 
  return <p>Percentage: {(elapsed * 100).toFixed(0)}%</p>;
};

Info

See react-loaders component as a non-trivial use of this.

Install

npm i @zendeskgarden/container-schedule

DownloadsWeekly Downloads

647

Version

1.3.2

License

Apache-2.0

Unpacked Size

24 kB

Total Files

9

Last publish

Collaborators

  • avatar