Model Examples
m ((username removed) (log details removed))
No edit summary
Line 197: Line 197:
       grid-template-columns: 1fr;
       grid-template-columns: 1fr;
     }
     }
  }
.search-container {
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #E3E8EE;
    background: #FFF;
    width: 951px;
    height: 36px;
    flex-shrink: 0;
  }
 
  .search-container input[type="search"] {
    border: none;
    outline: none;
    width: 100%;
    padding: 0 10px;
    height: 100%;
    color: #999B9E; /* Placeholder text color */
  }
 
  .search-container svg {
    margin: 0 10px;
  }
 
  /* Change placeholder color */
  .search-container input::placeholder {
    color: #999B9E;
  }
 
  /* If you want to ensure that the input does not have border in any browser */
  .search-container input:focus {
    border: none;
    outline: none;
   }
   }
</style>
</style>
Line 211: Line 246:
  <main>
  <main>
<div class="search-container">
<div class="search-container">
     <input type="text" id="searchBox" onkeyup="searchCards()" placeholder="Search for models..">
  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
  </div>
     <path d="M13 13L9 9L13 13ZM10.3333 5.66667C10.3333 8.244 8.244 10.3333 5.66667 10.3333C3.08934 10.3333 1 8.244 1 5.66667C1 3.08934 3.08934 1 5.66667 1C8.244 1 10.3333 3.08934 10.3333 5.66667Z" stroke="#999B9E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  <input type="search" placeholder="Search here...">
</div>
     <!-- Section for Complete Models -->
     <!-- Section for Complete Models -->
<section id="complete-models">
<section id="complete-models">

Revision as of 18:33, 8 November 2023

This page was created by Edgar on 2023-11-02. Last edited by Stephanie@mdriven.net on 2025-03-26.

Model Samples
MODEL SAMPLES
Get started with MDriven sample models. Explore our models and choose what you want to build..

Complete Models

Placeholder
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Placeholder
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Placeholder
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Placeholder
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Placeholder
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Placeholder
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.

Complete Models

Placeholder
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Placeholder
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Placeholder
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Placeholder
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Placeholder
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Placeholder
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.

Complete Models

Placeholder
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Placeholder
Test
You can use this as a starting point or you can merge it with most of the other examples and template models.
Placeholder
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Placeholder
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Placeholder
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Placeholder
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.