Description List

Key-value list component

Preview

Name: John Doe
Email: [email protected]
Role: Administrator

View Code

<dl class="space-y-4">
    <div>
        <dt class="text-sm font-semibold text-gray-900 dark:text-white">Name</dt>
        <dd class="text-sm text-gray-600 dark:text-gray-400">John Doe</dd>
    </div>
    <div>
        <dt class="text-sm font-semibold text-gray-900 dark:text-white">Email</dt>
        <dd class="text-sm text-gray-600 dark:text-gray-400">[email protected]</dd>
    </div>
    <div>
        <dt class="text-sm font-semibold text-gray-900 dark:text-white">Role</dt>
        <dd class="text-sm text-gray-600 dark:text-gray-400">Administrator</dd>
    </div>
</dl>