<div class="row responsive-row">
    <div class="col-xxl-3 col-sm-6">
        <x-admin.ui.widget.three url="#" variant="primary" title="Demo 1" :value="100"
            icon="las la-arrow-down" />
    </div>
    <div class="col-xxl-3 col-sm-6">
        <x-admin.ui.widget.three url="#" variant="info" title="Demo 1" :value="200" icon="las la-arrow-up" />
    </div>
    <div class="col-xxl-3 col-sm-6">
        <x-admin.ui.widget.three url="#" variant="warning" title="Demo 1" :value="300"
            icon="las la-arrow-down" />
    </div>
    <div class="col-xxl-3 col-sm-6">
        <x-admin.ui.widget.three url="#" variant="success" title="Demo 1" :value="4000"
            icon="las la-arrow-down" />
    </div>
</div>
