diff --git a/components/help-info.tsx b/components/help-info.tsx index fa90e7c..0c73978 100644 --- a/components/help-info.tsx +++ b/components/help-info.tsx @@ -11,59 +11,65 @@ export default function HomeIntro ({ isFlat = false }) {
{explainCode(isFlat)}
-

Options

+

Badge Generators

+

The detailed help for every badge generator.

+
+ { + Object.keys(BadgeList).map(badge => { + const href = '/' + badge + return {href} + }) + } +
+ +

URL Options

-

Builtin Colors

+

Builtin Colors

+

The colors you can use with query param: ?color=[colorname]

+ { colorExamples() } -

Builtin Icons

+

Builtin Icons

+

The icons you can use with query param: ?icon=[iconname]

{ iconExamples() } -

Badge Generators

- { - Object.keys(BadgeList).map(badge => { - const href = '/' + badge - return {href} - }) - } -

Advanced usage

@@ -107,8 +123,8 @@ export default function HomeIntro ({ isFlat = false }) { const colorExamples = () => { const colors = ['blue', 'cyan', 'green', 'yellow', 'orange', 'red', 'pink', 'purple', 'grey', 'black'] return colors.map(c => ( - - {c} + + {c}