ahdoawhfo/um-react
1
0
Fork 0
mirror of https://git.um-react.app/um/um-react.git synced 2025-11-28 11:33:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: deep link for faq

Browse Source
This commit is contained in:
鲁树人
2025-05-19 09:23:14 +09:00
parent 3ab73d8369
commit 3541af7a96
19 changed files with 300 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/HelpText/Headers.tsx
View File

@@ -1,4 +1,5 @@
import React from 'react';
import { HeaderAnchor } from './HeaderAnchor';
export interface HeaderProps {
children: React.ReactNode;
@@ -6,9 +7,20 @@ export interface HeaderProps {
className?: string;
}
const commonHeaderClasses = 'relative flex items-center pt-3 pb-1 font-bold';
export function Header2({ children, className, id }: HeaderProps) {
return (
<h2 id={id} className={`${commonHeaderClasses} text-3xl border-b border-base-300 ${className}`}>
{id && <HeaderAnchor id={id} />}
{children}
</h2>
);
}
export function Header3({ children, className, id }: HeaderProps) {
return (
<h3 id={id} className={`text-2xl pt-3 pb-1 font-bold border-b border-base-300 ${className}`}>
<h3 id={id} className={`${commonHeaderClasses} text-2xl border-b border-base-300 ${className}`}>
{id && <HeaderAnchor id={id} />}
{children}
</h3>
);
@@ -16,7 +28,8 @@ export function Header3({ children, className, id }: HeaderProps) {
export function Header4({ children, className, id }: HeaderProps) {
return (
<h4 id={id} className={`text-xl pt-3 pb-1 font-semibold ${className}`}>
<h4 id={id} className={`${commonHeaderClasses} text-xl ${className}`}>
{id && <HeaderAnchor id={id} />}
{children}
</h4>
);
@@ -24,7 +37,8 @@ export function Header4({ children, className, id }: HeaderProps) {
export function Header5({ children, className, id }: HeaderProps) {
return (
<h5 id={id} className={`text-lg pt-3 pb-1 font-semibold ${className}`}>
<h5 id={id} className={`${commonHeaderClasses} text-lg ${className}`}>
{id && <HeaderAnchor id={id} />}
{children}
</h5>
);