Files
dify/web/app/components/workflow/skill/start-tab/section-header.tsx
yyh a91d709aa5 feat(skill-editor): add CategoryTabs and TemplateSearch to skill templates section
Add filter controls for skill templates:
- CategoryTabs: tab navigation with mock categories (All, Productivity, etc.)
- TemplateSearch: search input with accessibility attributes
- Grid layout fix to prevent tab width changes on font-weight switch

Update SectionHeader to accept className prop for flexible styling.
Add search placeholder i18n translations.
2026-01-23 14:39:53 +08:00

30 lines
549 B
TypeScript

'use client'
import type { FC } from 'react'
import { memo } from 'react'
type SectionHeaderProps = {
title: string
description: string
className?: string
}
const SectionHeader: FC<SectionHeaderProps> = ({
title,
description,
className,
}) => {
return (
<header className={className}>
<h2 className="title-xl-semi-bold text-text-primary">
{title}
</h2>
<p className="system-xs-regular mt-0.5 text-text-tertiary">
{description}
</p>
</header>
)
}
export default memo(SectionHeader)