Live Templates

• rc (react component)

import * as React from 'react';
import styled from 'styled-components';
import { CommonProps } from '../../../common/types/CommonProps';

interface Props extends CommonProps {}

const $COMPONENT_NAME$: React.FC<Props> = ({ className }) => {
    return <Root className={className}>$COMPONENT_NAME$</Root>;
};

const Root = styled.div``;

export { $COMPONENT_NAME$, Props };

• scs (styled-components css function)

${({}: $END$) => ()}

• erc (export react component)

export {$COMPONENT_NAME$, Props as $COMPONENT_NAME$Props} from './$COMPONENT_NAME$'

• mwm (${mediaWidth.m})

${mediaWidth.m} {
    $END$
}