Skip to content

Instantly share code, notes, and snippets.

@NickyYo

NickyYo/NavAccountPopover.tsx

Last active May 23, 2017 13:29
Download ZIP

Revisions

  1. NickyYo revised this gist May 23, 2017. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion NavAccountPopover.tsx
    View file
    Original file line number Diff line number Diff line change
    @@ -7,6 +7,6 @@ interface INavAccountPopover { }

    export const NavAccountPopover: React.StatelessComponent<INavAccountPopover> = (props) => {
    return (<Popover position={Position.BOTTOM_LEFT} content={(<div>ALL YOUR HTML AND STYLING HERE</div>)}>
    <Button>When this is clicked the element inside the content tags is shown as a popover</Button>
    <Button>When this is clicked the element inside the content property is shown as a popover</Button>
    </Popover>)
    }
  2. NickyYo renamed this gist May 23, 2017. 1 changed file with 0 additions and 0 deletions.
    0 tsx → NavAccountPopover.tsx
    View file
    File renamed without changes.
  3. NickyYo created this gist May 23, 2017.
    12 changes: 12 additions & 0 deletions tsx
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,12 @@
    import './style.scss';
    import * as React from 'react';
    import { Popover } from '../';
    import { Position } from '@blueprintjs/core';

    interface INavAccountPopover { }

    export const NavAccountPopover: React.StatelessComponent<INavAccountPopover> = (props) => {
    return (<Popover position={Position.BOTTOM_LEFT} content={(<div>ALL YOUR HTML AND STYLING HERE</div>)}>
    <Button>When this is clicked the element inside the content tags is shown as a popover</Button>
    </Popover>)
    }