aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/ui/container.tsx
diff options
context:
space:
mode:
authorLeonid Logvinov <logvinov.leon@gmail.com>2018-07-31 20:47:51 +0800
committerGitHub <noreply@github.com>2018-07-31 20:47:51 +0800
commit37590d5f5eae9eea9802d260c6afede1e8c969ac (patch)
tree6bfee5a6a19348e0f2e0ed527e920d3db1d955a8 /packages/website/ts/components/ui/container.tsx
parent9199a56b7ae8e8cffd02b8e79e9e827356975c63 (diff)
parent02eb575813564b0586a038cc1229a166cb402146 (diff)
downloaddexon-sol-tools-37590d5f5eae9eea9802d260c6afede1e8c969ac.tar
dexon-sol-tools-37590d5f5eae9eea9802d260c6afede1e8c969ac.tar.gz
dexon-sol-tools-37590d5f5eae9eea9802d260c6afede1e8c969ac.tar.bz2
dexon-sol-tools-37590d5f5eae9eea9802d260c6afede1e8c969ac.tar.lz
dexon-sol-tools-37590d5f5eae9eea9802d260c6afede1e8c969ac.tar.xz
dexon-sol-tools-37590d5f5eae9eea9802d260c6afede1e8c969ac.tar.zst
dexon-sol-tools-37590d5f5eae9eea9802d260c6afede1e8c969ac.zip
Merge branch 'development' into ritave/resolver-check-dirs
Diffstat (limited to 'packages/website/ts/components/ui/container.tsx')
-rw-r--r--packages/website/ts/components/ui/container.tsx9
1 files changed, 7 insertions, 2 deletions
diff --git a/packages/website/ts/components/ui/container.tsx b/packages/website/ts/components/ui/container.tsx
index 427cc6cc7..f2ae68b70 100644
--- a/packages/website/ts/components/ui/container.tsx
+++ b/packages/website/ts/components/ui/container.tsx
@@ -9,6 +9,7 @@ export interface ContainerProps {
marginBottom?: StringOrNum;
marginRight?: StringOrNum;
marginLeft?: StringOrNum;
+ padding?: StringOrNum;
paddingTop?: StringOrNum;
paddingBottom?: StringOrNum;
paddingRight?: StringOrNum;
@@ -31,13 +32,17 @@ export interface ContainerProps {
bottom?: string;
zIndex?: number;
Tag?: ContainerTag;
+ cursor?: string;
+ id?: string;
+ onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+ overflowX?: 'scroll' | 'hidden' | 'auto' | 'visible';
}
export const Container: React.StatelessComponent<ContainerProps> = props => {
- const { children, className, Tag, isHidden, ...style } = props;
+ const { children, className, Tag, isHidden, id, onClick, ...style } = props;
const visibility = isHidden ? 'hidden' : undefined;
return (
- <Tag style={{ ...style, visibility }} className={className}>
+ <Tag id={id} style={{ ...style, visibility }} className={className} onClick={onClick}>
{children}
</Tag>
);