@wniemiec-component-reactnative/remaining-time

Displays how many hours, minutes and seconds are left until a certain hour, minute and second.

Usage no npm install needed!

<script type="module">
  import wniemiecComponentReactnativeRemainingTime from 'https://cdn.skypack.dev/@wniemiec-component-reactnative/remaining-time';
</script>

README

Remaining Time

Displays how many hours, minutes and seconds are left until a certain hour, minute and second.

React Native compatibility Release License


❇ Introduction

React Native component that displays the time remaining until a certain hour, minute and second.

🖼 Gallery

❓ How to use

  1. Install the component
$ npm install --save @wniemiec-component-reactnative/remaining-time
  1. Import the component
import RemainingTime from '@wniemiec-component-reactnative/remaining-time';
  1. Use it
[...]

import React from 'react';
import { View } from 'react-native';

[...]

<View style={{ display: 'flex', flex: 1, justifyContent: 'center', alignItems: 'center' }}>
  <RemainingTime
    hours={12}
    minutes={59}
    seconds={0}
  />
</View>

[...]

📖 Documentation

Property Type Description Default
hours number Hour 23
minutes number Minute 59
seconds number Second 59

🚩 Changelog

Details about each version are documented in the releases section.

🤝 Contribute!

See the documentation on how you can contribute to the project here.

📁 Files

/

Name Type Description
docs Directory Documentation files
src Directory Source files