avatarprofileusertailwindflexboxcomponentdisplay

Avatar with Name and Role Display

Компактный профиль пользователя: аватар, имя, роль. UI-компонент на Tailwind для списков команд, комментариев, заголовков.

Live Preview

Prompt

<div class="flex gap-3 items-center">
                            <div class="h-9 w-9 flex bg-[url(https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/9871ecc7-e70a-4f1a-9b1d-3cafe686b682_320w.jpg)] bg-cover border-zinc-700 border rounded-md items-center justify-center">
                                
                            </div>
                            <div class="">
                                <p class="text-sm font-medium tracking-tight leading-tight text-black font-geist" style="">Maya Patel</p>
                                <p class="text-xs text-zinc-400 font-geist" style="">Operations Director</p>
                            </div>
                        </div>

All Prompts