diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-05-26 06:31:27 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-05-26 06:31:27 +0800 |
commit | 39008372e522bd0963dc71ec91235bb81813355f (patch) | |
tree | 5aebb33ebc4543e00d4c3793cb39f8c0e57affe8 /packages/website/ts/components/onboarding/onboarding_tooltip.tsx | |
parent | 1026952f26043611c4aa3d77b2024cae304021e9 (diff) | |
download | dexon-0x-contracts-39008372e522bd0963dc71ec91235bb81813355f.tar dexon-0x-contracts-39008372e522bd0963dc71ec91235bb81813355f.tar.gz dexon-0x-contracts-39008372e522bd0963dc71ec91235bb81813355f.tar.bz2 dexon-0x-contracts-39008372e522bd0963dc71ec91235bb81813355f.tar.lz dexon-0x-contracts-39008372e522bd0963dc71ec91235bb81813355f.tar.xz dexon-0x-contracts-39008372e522bd0963dc71ec91235bb81813355f.tar.zst dexon-0x-contracts-39008372e522bd0963dc71ec91235bb81813355f.zip |
Write custom tooltip component
Diffstat (limited to 'packages/website/ts/components/onboarding/onboarding_tooltip.tsx')
-rw-r--r-- | packages/website/ts/components/onboarding/onboarding_tooltip.tsx | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/packages/website/ts/components/onboarding/onboarding_tooltip.tsx b/packages/website/ts/components/onboarding/onboarding_tooltip.tsx new file mode 100644 index 000000000..3ab18b011 --- /dev/null +++ b/packages/website/ts/components/onboarding/onboarding_tooltip.tsx @@ -0,0 +1,23 @@ +import * as React from 'react'; + +import { Island } from 'ts/components/ui/island'; + +export interface OnboardingTooltipProps { + title: string; + content: React.ReactNode; + isLastStep: boolean; + index: number; + onClose: () => void; + onClickNext: () => void; + onClickBack: () => void; +} + +export const OnboardingTooltip: React.StatelessComponent<OnboardingTooltipProps> = (props: OnboardingTooltipProps) => ( + <Island> + {props.title} + {props.content} + <button onClick={props.onClickBack}>Back</button> + <button onClick={props.onClickNext}>Skip</button> + <button onClick={props.onClose}>Close</button> + </Island> +); |