Skip to content

Instantly share code, notes, and snippets.

@abinavseelan
abinavseelan / index.jsx
Last active March 8, 2018 19:03
(4) Github-style user suggestions using react-input-trigger
...
return (
<InputTrigger
trigger={{
keyCode: 50,
shiftKey: true,
}}
onStart={(metaData) => { console.log(metaData); }}
>
...
@abinavseelan
abinavseelan / index.jsx
Last active March 8, 2018 19:03
(3) Github-style user suggestions using react-input-trigger
...
return (
<InputTrigger
trigger={{
keyCode: 50,
shiftKey: true,
}}
>
...
</InputTrigger>
@abinavseelan
abinavseelan / index.jsx
Last active March 8, 2018 19:33
(2) Github-style user suggestions using react-input-trigger
...
import InputTrigger from 'react-input-trigger';
...
return (
<InputTrigger>
<textarea
style={{
height: '100px',
width: '400px',
@abinavseelan
abinavseelan / index.jsx
Last active March 7, 2018 18:37
(1) Github-style user suggestions using react-input-trigger
import React, { Component } from 'react';
import { render } from 'react-dom';
class App extends Component {
render() {
return (
<textarea
style={{
height: '100px',
width: '400px',
@abinavseelan
abinavseelan / Card.jsx
Last active October 26, 2020 16:21
Component for a dropdown interaction (6)
import React, { Component } from 'react';
class Card extends Component {
constructor() {
super();
this.state = {
showMenu: false,
};
@abinavseelan
abinavseelan / Card.jsx
Last active December 8, 2020 12:02
Component for a dropdown interaction (5)
import React, { Component } from 'react';
class Card extends Component {
constructor() {
super();
this.state = {
showMenu: false,
};
@abinavseelan
abinavseelan / Card.jsx
Last active February 24, 2018 15:10
Component for a dropdown interaction (4)
import React, { Component } from 'react';
class Card extends Component {
constructor() {
super();
this.state = {
showMenu: false,
};
@abinavseelan
abinavseelan / Card.jsx
Last active February 23, 2018 10:31
Component for a dropdown interaction (3)
import React, { Component } from 'react';
class Card extends Component {
constructor() {
super();
this.state = {
showMenu: false,
}
@abinavseelan
abinavseelan / Card.jsx
Last active February 23, 2018 10:17
Component for a dropdown interaction (2)
import React, { Component } from 'react';
class Card extends Component {
constructor() {
super();
this.state = {
showMenu: false,
}
}
@abinavseelan
abinavseelan / card.jsx
Last active February 23, 2018 10:13
Component for a dropdown interaction (1)
import React, { Component } from 'react';
class Card extends Component {
render() {
return (
<div>
<button>
Show menu
</button>