گروه اینپوت

@using BzCore.Components.Input
@using BzCore.Enums

<BzInputGroup @bind-Value="site" Label="آدرس سایت" Placeholder="example"
               Variant="BzInputGroupVariant.Default">
    <Prepend><i class="fa-solid fa-globe"></i> https://</Prepend>
    <Append>.ir</Append>
</BzInputGroup>

@code {
    string? site;
}

@using BzCore.Components.Input
@using BzCore.Enums

<BzInputGroup @bind-Value="amount" Label="مبلغ" Placeholder="0"
               Variant="BzInputGroupVariant.Filled">
    <Prepend>تومان</Prepend>
    <Append><i class="fa-solid fa-wallet"></i></Append>
</BzInputGroup>

@code {
    string? amount;
}

@using BzCore.Components.Input
@using BzCore.Enums

<BzInputGroup @bind-Value="user" Label="نام کاربری" Placeholder="username"
               Variant="BzInputGroupVariant.Outlined">
    <Prepend>@@</Prepend>
</BzInputGroup>

@code {
    string? user;
}

@using BzCore.Components.Input
@using BzCore.Enums

<BzInputGroup @bind-Value="query" Placeholder="جستجو…"
               Variant="BzInputGroupVariant.Pill">
    <Prepend><i class="fa-solid fa-magnifying-glass"></i></Prepend>
    <Append>
        <button type="button" @onclick="Search"><i class="fa-solid fa-arrow-left"></i> برو</button>
    </Append>
</BzInputGroup>

@code {
    string? query;
    void Search() { /* handle search */ }
}

@using BzCore.Components.Input
@using BzCore.Enums

<BzInputGroup @bind-Value="phone" Label="موبایل" Placeholder="9xxxxxxxxx"
               Variant="BzInputGroupVariant.Underline">
    <Prepend><i class="fa-solid fa-phone"></i> +98</Prepend>
</BzInputGroup>

@code {
    string? phone;
}

@using BzCore.Components.Input
@using BzCore.Enums

<BzInputGroup @bind-Value="price" Label="قیمت" Placeholder="0"
               Variant="BzInputGroupVariant.Seamless">
    <Prepend><i class="fa-solid fa-tag"></i></Prepend>
    <Append>ریال</Append>
</BzInputGroup>

@code {
    string? price;
}