Youtube AddComment component
import React from 'react'; | |
import './AddComment.scss'; | |
import {Form, Image, TextArea} from "semantic-ui-react"; | |
export function AddComment() { | |
return ( | |
<div className='add-comment'> | |
<Image className='user-image' src='http://via.placeholder.com/48x48' circular/> | |
<Form> | |
<Form.TextArea control={TextArea} autoHeight placeholder='Add a public comment' /> | |
</Form> | |
</div> | |
); | |
} |
@import '../../../styles/shared.scss'; | |
.add-comment { | |
display: flex; | |
margin-top: 16px; | |
margin-bottom: 16px; | |
form { | |
flex: 1; | |
} | |
.user-image { | |
width: $avatar-diameter; | |
height: $avatar-diameter; | |
margin-right: $avatar-margin; | |
} | |
} | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment