From 77493e21a2c50bed421d31c96b4f272d941f315b Mon Sep 17 00:00:00 2001 From: xiaotianna <127941140+xiaotianna@users.noreply.github.com> Date: Fri, 17 Jan 2025 17:43:00 +0800 Subject: [PATCH] chore(git): update git file --- .gitignore | 1 + .../src/components/H2/h2.tsx | 36 +++++++++++++++++++ 2 files changed, 37 insertions(+) create mode 100644 packages/mini-markdown-material/src/components/H2/h2.tsx diff --git a/.gitignore b/.gitignore index 50d51de..c649bf5 100644 --- a/.gitignore +++ b/.gitignore @@ -1,6 +1,7 @@ node_modules dist pnpm-lock.yaml +package-lock.json .DS_Store .idea .vscode diff --git a/packages/mini-markdown-material/src/components/H2/h2.tsx b/packages/mini-markdown-material/src/components/H2/h2.tsx new file mode 100644 index 0000000..3cfccc6 --- /dev/null +++ b/packages/mini-markdown-material/src/components/H2/h2.tsx @@ -0,0 +1,36 @@ +import { FC } from 'react' +import styled from 'styled-components' + +const HeadingStyle = styled.h1` + font-size: 1.5em; + text-align: center; + color: palevioletred; +`; + +const Heading: FC<{ + level: number, + children: React.ReactNode +}> = ({ level, children }) => { + switch (level) { + case 1: + return +

# {children}

+
+ case 2: + return

## {children}

+ case 3: + return

### {children}

+ case 4: + return

#### {children}

+ case 5: + return
##### {children}
+ case 6: + return
###### {children}
+ default: + return <> + } +} + +export { + Heading +} -- Gitee