the-done

Done page of the-components

Installation

$ npm install the-done --save

Usage

Live Demo is hosted on GitHub Page

'use strict'

import React from 'react'
import { TheLinkStyle } from 'the-link'
import { TheButtonStyle } from 'the-button'
import { TheRouter } from 'the-router'
import { TheDone, TheDoneStyle } from 'the-done'

class ExampleComponent extends React.PureComponent {
  render () {
    return (
      <TheRouter.Hash>
        <TheLinkStyle/>
        <TheButtonStyle/>
        <TheDoneStyle/>
        <TheDone message="You are done!"
                 actionText="Return to Top"
                 onAction={() => window.location.reload()}
                 subActionText="Do something else"
                 onSubAction={() => window.location.reload()}
                 linkText={'Some Link'}
                 linkTo={String(new Date().getTime())}
                 onLinkClick={() => console.log('link clicked')}
        >
        </TheDone>
      </TheRouter.Hash>

    )
  }
}

export default ExampleComponent

Components

TheDone

Done page of the-components

Props

| Name | Type | Description | Default | | --- | --- | ---- | ---- | | actionText | string | Action button text | null | | linkText | string | Text of link | null | | linkTo | string | Link url | null | | message | string | | null | | onAction | func | Handler for action | null | | onLinkClick | func | Handle link click | null | | onSubAction | func | Handler for sub action | null | | subActionText | string | Sub action button text | null |

TheDoneStyle

Style for TheDone

Props

| Name | Type | Description | Default | | --- | --- | ---- | ---- | | options | object | Style options | {} |

License

This software is released under the MIT License.

Links

• THE Labo