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;
}
}