🎨 [enhancement] Added optional title functionality to Tags.astro
This commit is contained in:
@ -7,17 +7,22 @@ import type { Post } from '~/types';
|
||||
export interface Props {
|
||||
tags: Post['tags'];
|
||||
class?: string;
|
||||
title?: string | undefined;
|
||||
}
|
||||
|
||||
const { tags, class: className = 'text-sm' } = Astro.props;
|
||||
const { tags, class: className = 'text-sm', title = undefined } = Astro.props;
|
||||
---
|
||||
|
||||
{
|
||||
tags && Array.isArray(tags) && (
|
||||
<>
|
||||
<>
|
||||
{header !== undefined && <span class="align-super font-normal underline underline-offset-4 decoration-2 dark:text-slate-400">{header}</span>}
|
||||
</>
|
||||
<ul class={className}>
|
||||
{tags.map((tag) => (
|
||||
<li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2 lowercase font-medium">
|
||||
{BLOG?.tag?.disabled ? (
|
||||
{BLOG?.tag?.disabled || PORTFOLIO?.tag?.disabled ? (
|
||||
tag
|
||||
) : (
|
||||
<a
|
||||
@ -30,5 +35,6 @@ const { tags, class: className = 'text-sm' } = Astro.props;
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
Reference in New Issue
Block a user