aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/ui
diff options
context:
space:
mode:
authorSteve Klebanoff <steve.klebanoff@gmail.com>2018-10-13 06:35:20 +0800
committerSteve Klebanoff <steve.klebanoff@gmail.com>2018-10-13 07:26:26 +0800
commit0aef2c8ade2b0ae7b7ab7fef25ee4e8644a8b6c4 (patch)
treedeb42bc8917bc88d036d0f00efe9807c22423caf /packages/instant/src/components/ui
parent7102a23b0a3a502f250071576821ce385a761f4d (diff)
downloaddexon-sol-tools-0aef2c8ade2b0ae7b7ab7fef25ee4e8644a8b6c4.tar
dexon-sol-tools-0aef2c8ade2b0ae7b7ab7fef25ee4e8644a8b6c4.tar.gz
dexon-sol-tools-0aef2c8ade2b0ae7b7ab7fef25ee4e8644a8b6c4.tar.bz2
dexon-sol-tools-0aef2c8ade2b0ae7b7ab7fef25ee4e8644a8b6c4.tar.lz
dexon-sol-tools-0aef2c8ade2b0ae7b7ab7fef25ee4e8644a8b6c4.tar.xz
dexon-sol-tools-0aef2c8ade2b0ae7b7ab7fef25ee4e8644a8b6c4.tar.zst
dexon-sol-tools-0aef2c8ade2b0ae7b7ab7fef25ee4e8644a8b6c4.zip
feat(instant): add sliding error
Diffstat (limited to 'packages/instant/src/components/ui')
-rw-r--r--packages/instant/src/components/ui/text.tsx4
1 files changed, 4 insertions, 0 deletions
diff --git a/packages/instant/src/components/ui/text.tsx b/packages/instant/src/components/ui/text.tsx
index 9fb8ea26f..af8e4d933 100644
--- a/packages/instant/src/components/ui/text.tsx
+++ b/packages/instant/src/components/ui/text.tsx
@@ -21,6 +21,8 @@ export interface TextProps {
hoverColor?: string;
noWrap?: boolean;
display?: string;
+ marginRight?: string;
+ marginLeft?: string;
}
const PlainText: React.StatelessComponent<TextProps> = ({ children, className, onClick }) => (
@@ -47,6 +49,8 @@ export const Text = styled(PlainText)`
${props => (props.display ? `display: ${props.display}` : '')};
${props => (props.letterSpacing ? `letter-spacing: ${props.letterSpacing}` : '')};
${props => (props.textTransform ? `text-transform: ${props.textTransform}` : '')};
+ ${props => (props.marginRight ? `margin-right: ${props.marginRight}` : '')};
+ ${props => (props.marginLeft ? `margin-right: ${props.marginLeft}` : '')};
&:hover {
${props =>
props.onClick