Check out example codes for "html static widget code". It will help you in understanding the concepts better.

Code Example 1

// Step 1
function codepotent_display_static_dashboard_widget() {
    <div style="display:grid;justify-content:space-between;grid-template-columns:repeat(auto-fit,minmax(48%,1fr));grid-template-rows:1fr;grid-gap:20px;">
            <img src="" style="border:1px solid #ccc;padding:2px;">
            <h2>Kelly Marks</h2>
            Your project manager, <strong>Kelly Marks</strong>, is committed to your success! If you need anything at all, drop Kelly a line!
                <li>(123) 456-7890 x 123</li>
                <li><a href="#">[email protected]</a></li>

// Step 2
function codepotent_register_static_dashboard_widget() {
        'my_static_dashboard_widget', // your own custom widget id
        'My Widget', // the widget box title
        'codepotent_display_static_dashboard_widget' // function that displays content

// Step 3
add_action('wp_dashboard_setup', 'codepotent_register_static_dashboard_widget');

Learn ReactJs, React Native from