menu

Badge

New!
Show code
<Badge Text="New!">
    <Button>Hello world!</Button>
</Badge>
1337
1337
1337
1337
1337
1337
1337
1337
Show code
<VStack>
    <HStack>
        <Badge Text="1337" BadgeAnchor="BadgeAnchor.TopLeft">
            <Button>Top left</Button>
        </Badge>
        <Badge Text="1337" BadgeAnchor="BadgeAnchor.TopMiddle">
            <Button>Top middle</Button>
        </Badge>
        <Badge Text="1337" BadgeAnchor="BadgeAnchor.TopRight">
            <Button>Top right</Button>
        </Badge>
    </HStack>
    <HStack>
        <Badge Text="1337" BadgeAnchor="BadgeAnchor.MiddleLeft" Color="Color.Info">
            <Button>Middle left</Button>
        </Badge>
        <StackWeight/>
        <Badge Text="1337" BadgeAnchor="BadgeAnchor.MiddleRight" Color="Color.Error">
            <Button>Middle right</Button>
        </Badge>
    </HStack>
    <HStack>
        <Badge Text="1337" BadgeAnchor="BadgeAnchor.BottomLeft" Color="Color.Warning">
            <Button>Bottom left</Button>
        </Badge>
        <Badge Text="1337" BadgeAnchor="BadgeAnchor.BottomMiddle" Color="Color.Success">
            <Button>Bottom middle</Button>
        </Badge>
        <Badge Text="1337" BadgeAnchor="BadgeAnchor.BottomRight" Color="Color.Accent">
            <Button>Bottom right</Button>
        </Badge>
    </HStack>
</VStack>
An unhandled error has occurred.