# extendify/3.1.1/src/Assist/components/dashboard/CardsTitle.jsx

Extendify, version 3.1.1. 23 lines.

- Page: https://pluginprobe.com/plugins/extendify/3.1.1/code/src/Assist/components/dashboard/CardsTitle.jsx
- Raw: https://pluginprobe.com/plugins/extendify/3.1.1/raw/src/Assist/components/dashboard/CardsTitle.jsx
- Modified: 2026-02-18T22:27:14+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/extendify/3.1.1/code/src/Assist/components/dashboard/CardsTitle.jsx#L10-L20`.

```jsx
import { __ } from '@wordpress/i18n';

export const CardsTitle = ({ total = 8, totalCompleted = 3 }) => (
	<div className="flex w-full items-center justify-between space-x-2 border-b border-gray-300 px-5 py-3.5 lg:px-6">
		<span className="text-base font-semibold">
			{__('Site Guide', 'extendify-local')}
		</span>
		<div className="flex w-3/5 items-center gap-2">
			<div className="h-2.5 w-full rounded-xl bg-gray-300">
				<div
					className="h-2.5 rounded-xl bg-design-main"
					style={{
						width: `${100 / (total / totalCompleted)}%`,
					}}
				></div>
			</div>
			<div className="text-xs text-gray-700">
				{totalCompleted}/{total}
			</div>
		</div>
	</div>
);

```