Components

Avatar

#

Avatars: tiny images or icons that represent you online, like your digital face or identity.

#

Preview

User Avatar

#

Code


    
    "use client"  // for nextJS
    import React from 'react';
    import { Avatar } from 'mvk-ui';
    import './App.css'

    const App = () => {
        return (
            <div className="app-container">
                <Avatar 
                    src="https://th.bing.com/th/id/OIP.2KEClthNBDqJZmXuFNaYUgAAAA?pid=ImgDet&w=195&h=195&c=7&dpr=1.4" 
                    alt="User Avatar" 
                    size={100} 
                    shape="circle" 
                    border={true} 
                    borderColor="transparent" 
                />
                {/* Other components */}
            </div>
        );
    };

    export default App;