Create a preview component for social links:
The component should be created on top of existing components in the library. Consider the following components:
- Text - represnets text in different combinations
<style | |
dangerouslySetInnerHTML={{ | |
__html: ` | |
.my-class { | |
color: red; | |
} | |
}} | |
></style> |
Create a preview component for social links:
The component should be created on top of existing components in the library. Consider the following components:
import React from 'react'; | |
import Modal from 'wix-style-react/Modal'; | |
import Button from 'wix-style-react/Button'; | |
import {MessageBoxFunctionalLayout} from 'wix-style-react/MessageBox'; | |
class ModalExample extends React.Component { | |
state = {open: false}; | |
handleToggleModal = () => this.setState({open: !this.state.open}); |
import React from 'react'; | |
import {findDOMNode} from 'react-dom'; | |
import css from './App.scss'; | |
import HTML5Backend from 'react-dnd-html5-backend'; | |
import {DragDropContext, DragSource, DropTarget} from 'react-dnd'; | |
//PHASE | |
class Phase extends React.Component { |
import React from 'react'; | |
import PropTypes from 'prop-types'; | |
import styled, {ThemeProvider} from 'styled-components'; | |
// Button/Button.js (The basic component) | |
const Button = ({className, children}) => ( | |
<button className={className}> | |
{children} | |
</button> | |
); |
import 'mocha'; | |
import {expect} from 'chai'; | |
import 'isomorphic-fetch'; | |
import ApolloClient from 'apollo-client'; | |
import gql from 'graphql-tag'; | |
import {print} from 'graphql-tag/bundledPrinter'; | |
describe('some test', () => { | |
it('should pass', () => { |
import React from 'react'; | |
class A extends React.Component { | |
render() { | |
return ( | |
<div> | |
<h1>A</h1> | |
<B/> | |
</div> | |
); |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width"> | |
<title>JS Bin</title> | |
</head> | |
<body ng-app="myApp"> | |
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script> | |
<parent> |
angular.element(document.body).injector().get('serviceName'); |