diff options
author | Brandon Millman <brandon.millman@gmail.com> | 2018-07-01 05:25:33 +0800 |
---|---|---|
committer | Brandon Millman <brandon.millman@gmail.com> | 2018-07-02 05:50:55 +0800 |
commit | da8cf9981eda4a068c22d0107e07b704afda2584 (patch) | |
tree | f751e276b3b6b6d0f3f53a27327310760ee6aa5d /packages/website/ts/components/ui/simple_menu.tsx | |
parent | be64184cfa11dcabd543161b5d7a6726d4e7924d (diff) | |
download | dexon-sol-tools-da8cf9981eda4a068c22d0107e07b704afda2584.tar dexon-sol-tools-da8cf9981eda4a068c22d0107e07b704afda2584.tar.gz dexon-sol-tools-da8cf9981eda4a068c22d0107e07b704afda2584.tar.bz2 dexon-sol-tools-da8cf9981eda4a068c22d0107e07b704afda2584.tar.lz dexon-sol-tools-da8cf9981eda4a068c22d0107e07b704afda2584.tar.xz dexon-sol-tools-da8cf9981eda4a068c22d0107e07b704afda2584.tar.zst dexon-sol-tools-da8cf9981eda4a068c22d0107e07b704afda2584.zip |
Implement simple menu
Diffstat (limited to 'packages/website/ts/components/ui/simple_menu.tsx')
-rw-r--r-- | packages/website/ts/components/ui/simple_menu.tsx | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/packages/website/ts/components/ui/simple_menu.tsx b/packages/website/ts/components/ui/simple_menu.tsx new file mode 100644 index 000000000..29445c965 --- /dev/null +++ b/packages/website/ts/components/ui/simple_menu.tsx @@ -0,0 +1,34 @@ +import * as _ from 'lodash'; +import * as React from 'react'; + +import { Container } from 'ts/components/ui/container'; +import { Text } from 'ts/components/ui/text'; +import { colors } from 'ts/style/colors'; + +export interface SimpleMenuProps {} + +export const SimpleMenu: React.StatelessComponent<SimpleMenuProps> = ({ children }) => { + return ( + <Container + marginLeft="16px" + marginRight="16px" + marginBottom="16px" + minWidth="220px" + className="flex flex-column" + > + {children} + </Container> + ); +}; + +export interface SimpleMenuItemProps { + text: string; + onClick?: () => void; +} +export const SimpleMenuItem: React.StatelessComponent<SimpleMenuItemProps> = ({ text, onClick }) => ( + <Container marginTop="16px" minWidth="220px" className="flex flex-column"> + <Text fontSize="14px" fontColor={colors.darkGrey} onClick={onClick} hoverColor={colors.mediumBlue}> + {text} + </Text> + </Container> +); |