* Refactoring Help component * Fixing typo * Adding missing prop types * Removing setCommonProps * Moving show to parent component * Renaming Format component * Converting help component to functional component * Removing html from state * Fixing modal toggle and eslint errors * Adding arria hidden * Using optional chaining * Fixing variable names * Renaming state variable * Adding jsdoc Co-authored-by: Nick Taylor <nick@dev.to>
20 lines
616 B
JavaScript
20 lines
616 B
JavaScript
import { h } from 'preact';
|
|
|
|
export const ArticleFormTitle = () => (
|
|
<div
|
|
data-testid="title-help"
|
|
className="crayons-article-form__help crayons-article-form__help--title"
|
|
>
|
|
<h4 className="mb-2 fs-l">Writing a Great Post Title</h4>
|
|
<ul className="list-disc pl-6 color-base-70">
|
|
<li>
|
|
Think of your post title as a super short (but compelling!) description
|
|
— like an overview of the actual post in one short sentence.
|
|
</li>
|
|
<li>
|
|
Use keywords where appropriate to help ensure people can find your post
|
|
by search.
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
);
|