docbrown/app/javascript/article-form/components/Help/ArticleFormTitle.jsx
Rafi 41cc771839
Refactoring help component (and fragmenting it too) (#10895)
* 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>
2021-05-05 12:58:40 +07:00

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>
);