menu

Button

Show code
<HStack>
    <Button OnClick="ToggleLoading" IsLoading="isLoading">Hello world!</Button>
    <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Glass">Hello world!</Button>
    <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Outline">Hello world!</Button>
    <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Clear">Hello world!</Button>
</HStack>

@code {
    private bool isLoading;

    private void ToggleLoading()
    {
        isLoading = !isLoading;
    }
}
Show code
<HStack>
    <Button Disabled="true">Hello world!</Button>
    <Button Disabled="true" Style="Style.Glass">Hello world!</Button>
    <Button Disabled="true" Style="Style.Outline">Hello world!</Button>
    <Button Disabled="true" Style="Style.Clear">Hello world!</Button>
</HStack>
Show code
<HStack>
    <VStack>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Size="Size.Small">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Size="Size.Large">Hello world!</Button>
        <HStack HeightAlignment="HeightAlignment.Center" StackBehaviour="StackBehaviour.Center">
            <StackWeight Weight="null">
                <Button OnClick="ToggleLoading" IsLoading="isLoading" Size="Size.Small"><Icon>send</Icon></Button>
            </StackWeight>
            <StackWeight Weight="null">
                <Button OnClick="ToggleLoading" IsLoading="isLoading"><Icon>send</Icon></Button>
            </StackWeight>
            <StackWeight Weight="null">
                <Button OnClick="ToggleLoading" IsLoading="isLoading" Size="Size.Large"><Icon>send</Icon></Button>
            </StackWeight>
        </HStack>
    </VStack>
    <VStack>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Glass" Size="Size.Small">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Glass">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Glass" Size="Size.Large">Hello world!</Button>
        <HStack HeightAlignment="HeightAlignment.Center" StackBehaviour="StackBehaviour.Center">
            <StackWeight Weight="null">
                <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Glass" Size="Size.Small"><Icon>send</Icon></Button>
            </StackWeight>
            <StackWeight Weight="null">
                <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Glass"><Icon>send</Icon></Button>
            </StackWeight>
            <StackWeight Weight="null">
                <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Glass" Size="Size.Large"><Icon>send</Icon></Button>
            </StackWeight>
        </HStack>
    </VStack>
    <VStack>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Outline" Size="Size.Small">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Outline">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Outline" Size="Size.Large">Hello world!</Button>
        <HStack HeightAlignment="HeightAlignment.Center" StackBehaviour="StackBehaviour.Center">
            <StackWeight Weight="null">
                <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Outline" Size="Size.Small"><Icon>send</Icon></Button>
            </StackWeight>
            <StackWeight Weight="null">
                <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Outline"><Icon>send</Icon></Button>
            </StackWeight>
            <StackWeight Weight="null">
                <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Outline" Size="Size.Large"><Icon>send</Icon></Button>
            </StackWeight>
        </HStack>
    </VStack>
    <VStack>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Clear" Size="Size.Small">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Clear">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Clear" Size="Size.Large">Hello world!</Button>
        <HStack HeightAlignment="HeightAlignment.Center" StackBehaviour="StackBehaviour.Center">
            <StackWeight Weight="null">
                <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Clear" Size="Size.Small"><Icon>send</Icon></Button>
            </StackWeight>
            <StackWeight Weight="null">
                <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Clear"><Icon>send</Icon></Button>
            </StackWeight>
            <StackWeight Weight="null">
                <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Clear" Size="Size.Large"><Icon>send</Icon></Button>
            </StackWeight>
        </HStack>
    </VStack>
</HStack>

@code {
    private bool isLoading;

    private void ToggleLoading()
    {
        isLoading = !isLoading;
    }
}
Show code
<HStack>
    <VStack>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Color="Color.Default">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Color="Color.Accent">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Color="Color.Info">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Color="Color.Success">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Color="Color.Warning">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Color="Color.Error">Hello world!</Button>
    </VStack>
    <VStack>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Glass" Color="Color.Default">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Glass" Color="Color.Accent">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Glass" Color="Color.Info">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Glass" Color="Color.Success">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Glass" Color="Color.Warning">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Glass" Color="Color.Error">Hello world!</Button>
    </VStack>
    <VStack>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Outline" Color="Color.Default">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Outline" Color="Color.Accent">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Outline" Color="Color.Info">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Outline" Color="Color.Success">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Outline" Color="Color.Warning">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Outline" Color="Color.Error">Hello world!</Button>
    </VStack>
    <VStack>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Clear" Color="Color.Default">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Clear" Color="Color.Accent">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Clear" Color="Color.Info">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Clear" Color="Color.Success">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Clear" Color="Color.Warning">Hello world!</Button>
        <Button OnClick="ToggleLoading" IsLoading="isLoading" Style="Style.Clear" Color="Color.Error">Hello world!</Button>
    </VStack>
</HStack>

@code {
    private bool isLoading;

    private void ToggleLoading()
    {
        isLoading = !isLoading;
    }
}
An unhandled error has occurred.