diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-08-30 07:33:08 +0800 |
|---|---|---|
| committer | fragosti <francesco.agosti93@gmail.com> | 2018-08-31 02:49:27 +0800 |
| commit | 74d5af34ebf1e4d46a3cb13573d0793579454933 (patch) | |
| tree | 8525ab5e2182391402b141dab7b65557124abdaa /packages/website/ts/components/ui/text.tsx | |
| parent | 365890291f80a0580c8306c8aa498e64da7f86be (diff) | |
| download | dexon-sol-tools-74d5af34ebf1e4d46a3cb13573d0793579454933.tar dexon-sol-tools-74d5af34ebf1e4d46a3cb13573d0793579454933.tar.gz dexon-sol-tools-74d5af34ebf1e4d46a3cb13573d0793579454933.tar.bz2 dexon-sol-tools-74d5af34ebf1e4d46a3cb13573d0793579454933.tar.lz dexon-sol-tools-74d5af34ebf1e4d46a3cb13573d0793579454933.tar.xz dexon-sol-tools-74d5af34ebf1e4d46a3cb13573d0793579454933.tar.zst dexon-sol-tools-74d5af34ebf1e4d46a3cb13573d0793579454933.zip | |
Add TypedText component and use it on landing page
Diffstat (limited to 'packages/website/ts/components/ui/text.tsx')
| -rw-r--r-- | packages/website/ts/components/ui/text.tsx | 2 |
1 files changed, 2 insertions, 0 deletions
diff --git a/packages/website/ts/components/ui/text.tsx b/packages/website/ts/components/ui/text.tsx index 734483564..cd8f290e3 100644 --- a/packages/website/ts/components/ui/text.tsx +++ b/packages/website/ts/components/ui/text.tsx @@ -20,6 +20,7 @@ export interface TextProps { onClick?: (event: React.MouseEvent<HTMLElement>) => void; hoverColor?: string; noWrap?: boolean; + display?: string; } const PlainText: React.StatelessComponent<TextProps> = ({ children, className, onClick, Tag }) => ( @@ -41,6 +42,7 @@ export const Text = styled(PlainText)` ${props => (props.onClick ? 'cursor: pointer' : '')}; transition: color 0.5s ease; ${props => (props.noWrap ? 'white-space: nowrap' : '')}; + ${props => (props.display ? `display: ${props.display}` : '')}; &:hover { ${props => (props.onClick ? `color: ${props.hoverColor || darken(0.3, props.fontColor)}` : '')}; } |