Skip to content

Instantly share code, notes, and snippets.

@productioncoder
Last active October 3, 2018 18:47
Embed
What would you like to do?
CommentsHeader
import React from 'react';
import {Button, Icon} from "semantic-ui-react";
import './CommentsHeader.scss';
export function CommentsHeader(props) {
return (
<div className='comments-header'>
<h4>{props.amountComments} Comments</h4>
<Button basic compact icon labelPosition='left'>
<Icon name='align left' />
Sort by
</Button>
</div>
);
}
.comments-header {
h4 {
display: inline-block;
margin-right: 16px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment