<span class="border dark:border-defaultborder/10 border-container"></span>
        <span class="border-t dark:border-defaultborder/10 border-container"></span>
        <span class="border-e dark:border-defaultborder/10 border-container"></span>
        <span class="border-b dark:border-defaultborder/10 border-container"></span>
        <span class="border-s dark:border-defaultborder/10 border-container"></span>

<span class="border-0 border-container"></span>
        <span class="border dark:border-defaultborder/10 border-t-0 border-container"></span>
        <span class="border dark:border-defaultborder/10 border-e-0 border-container"></span>
        <span class="border dark:border-defaultborder/10 border-b-0 border-container"></span>
        <span class="border dark:border-defaultborder/10 border-s-0 border-container"></span>

<span class="border-1 dark:border-defaultborder/10 border-container"></span>
        <span class="border-container dark:border-defaultborder/10 border-2"></span>
        <span class="border-container dark:border-defaultborder/10 border-4"></span>
        <span class="border-container dark:border-defaultborder/10 border-8"></span>

<span class="border border-container !border-primary"></span>
        <span class="border border-container !border-secondary"></span>
        <span class="border border-container !border-success"></span>
        <span class="border border-container !border-danger"></span>
        <span class="border border-container !border-warning"></span>
        <span class="border border-container !border-info"></span>
        <span class="border border-container !border-light"></span>
        <span class="border border-container !border-black"></span>
        <span class="border border-container !border-white"></span>

<div class="mb-4">
        <label for="exampleFormControlInput1" class="form-label">Email
            address</label>
        <input type="email" class="form-control w-full !rounded-md !border-success"
            id="exampleFormControlInput1" placeholder="name@example.com">
    </div>    
    <div class="h4 pb-4 mb-4 text-danger border-b !border-danger">
        Below Shows Danger Border
    </div>
    <div
        class="p-4 bg-info/10 border !border-info  !border-s-0 rounded-e-md mb-1">
        Customizing borders with backgrounud colors
    </div>

<div class="border border-black dark:border-white p-2 mb-2">This is default success border</div>
        <div class="border border-black/75 dark:border-white/75 p-2 mb-2">This is 75%
            opacity
            success border
        </div>
        <div class="border border-black/50 dark:border-white/50 p-2 mb-2">This is 50%
            opacity
            success border
        </div>
        <div class="border border-black/25 dark:border-white/25 p-2 mb-2 ">This is 25%
            opacity
            success border
        </div>
        <div class="border border-black/10 dark:border-white/10 p-2">This is 10% opacity
            success
            border
        </div>

<img src="https://laravelui.spruko.com/tailwind/valex/build/assets/images/media/media-58.jpg" class="bd-placeholder-img rounded-md" alt="...">
        <img src="https://laravelui.spruko.com/tailwind/valex/build/assets/images/media/media-58.jpg" class="bd-placeholder-img rounded-t-md" alt="...">
        <img src="https://laravelui.spruko.com/tailwind/valex/build/assets/images/media/media-58.jpg" class="bd-placeholder-img rounded-e-md" alt="...">
        <img src="https://laravelui.spruko.com/tailwind/valex/build/assets/images/media/media-58.jpg" class="bd-placeholder-img rounded-b-md" alt="...">
        <img src="https://laravelui.spruko.com/tailwind/valex/build/assets/images/media/media-58.jpg" class="bd-placeholder-img rounded-s-md" alt="...">
        <img src="https://laravelui.spruko.com/tailwind/valex/build/assets/images/media/media-58.jpg" class="bd-placeholder-img rounded-full" alt="...">
        <img src="https://laravelui.spruko.com/tailwind/valex/build/assets/images/media/media-58.jpg" class="bd-placeholder-img  rounded-full" alt="...">

<img src="https://laravelui.spruko.com/tailwind/valex/build/assets/images/media/media-58.jpg" class="bd-placeholder-img rounded-none" alt="...">
        <img src="https://laravelui.spruko.com/tailwind/valex/build/assets/images/media/media-58.jpg" class="bd-placeholder-img rounded-sm" alt="...">
        <img src="https://laravelui.spruko.com/tailwind/valex/build/assets/images/media/media-58.jpg" class="bd-placeholder-img rounded-md" alt="...">
        <img src="https://laravelui.spruko.com/tailwind/valex/build/assets/images/media/media-58.jpg" class="bd-placeholder-img rounded-lg" alt="...">
        <img src="https://laravelui.spruko.com/tailwind/valex/build/assets/images/media/media-58.jpg" class="bd-placeholder-img rounded-xl" alt="...">