A
Anonymous

User Profile - Copy this React, Tailwind Component to your project

<div className='kb-contain'> <div className='kb-label'> <span className='time'> <RiTimeLine /> {dateFormate(KB?.created_at)} </span> {themeOption?.KB?.KB_author_enable && ( <span className='super'> <RiUserLine /> {KB?.created_by?.name} </span> )} </div> <Link href={`/${i18Lang}/knowledgeBase/${KB.slug}`}> <h3>{KB?.title}</h3> </Link> <TextLimit value={KB?.description} maxLength={200} tag='p' /> {themeOption?.KB?.read_more_enable && ( <Btn className='kb-button' onClick={() => router.push(`/${i18Lang}/knowledgeBase/${KB.slug}`)}> {t('ReadMore')} <RiArrowRightFill /> </Btn> )} </div> Improve Design and Also use light blue like theme

Prompt
Component Preview

About

UserProfile - Showcases user info with creation date, author name, and description. Built with React and Tailwind. Access free code!

Share

Last updated 1 month ago