commerce/tag.tsx at 02746834ecede2d845179e6d99e45c8c3b888165 - commerce - Qortal Gitea Server

crowetic/commerce

mirror of https://github.com/vercel/commerce.git synced 2025-08-18 23:01:23 +00:00

Files

.github

.vscode

app

components

breadcrumb

cart

filters

form

grid

home-page

icons

layout

manufacturers-grid

orders

page

product

profile

ui

banner.tsx

display-tabs.tsx

divider.tsx

faq.tsx

hero-icon.tsx

hero.tsx

loading-dots.tsx

logo-square.tsx

opengraph-image.tsx

price.tsx

prose.tsx

side-dialog.tsx

tag.tsx

tooltip.tsx

contexts

fonts

hooks

lib

public

.env.example

.eslintrc.js

.gitignore

.nvmrc

.prettierignore

README.md

license.md

middleware.ts

next.config.js

package.json

pnpm-lock.yaml

postcss.config.js

prettier.config.js

tailwind.config.js

tsconfig.json

Chloe 882d1db67c feat: move content to shopify

Signed-off-by: Chloe <pinkcloudvnn@gmail.com>

2024-06-05 14:48:31 +07:00

17 lines

361 B

TypeScript

Raw Blame History

 import clsx from 'clsx';
 const Tag = ({ text, invert }: { text: string; invert?: boolean }) => {
   return (
     <div
       className={clsx('w-fit border-l-4 border-l-primary px-2 py-0.5 text-sm', {
         'bg-transparent text-white': invert,
         'bg-gray-200/50 text-blue-800': !invert
       })}
     >
       {text}
     </div>
   );
 };
 export default Tag;