UNPKG

@nbamford123/arwes

Version:

Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for Web Apps

33 lines (32 loc) 937 B
```javascript class Example extends React.Component { constructor () { super(...arguments); this.state = { show: true }; } render () { return ( <Arwes> <button onClick={() => this.onToggle()}>Show/Hide</button> <div style={{ display: 'inline-block', padding: '20px' }}> <Frame show={this.state.show} animate={true} level={3} corners={4} layer='primary' > <div style={{ padding: '20px 40px', fontSize: '32px' }}> Cyberpunk </div> </Frame> </div> </Arwes> ); } onToggle () { this.setState({ show: !this.state.show }); } } render(<Example />); ```