Box

1. Demo AstrolBox

Base

White

Black

Blue

Green

Orange

Red

Yellow

Purple

Base

White

Black

Blue

Green

Orange

Red

Yellow

Purple

Hello World!

@using Astrol.Entities.Basic.UI

@using Astrol.Component.Basic.Box

<AstrolBox Style="AstrolStyle.Base">Base</AstrolBox>

<AstrolBox Style="AstrolStyle.White">White</AstrolBox>

<AstrolBox Style="AstrolStyle.Black">Black</AstrolBox>

<AstrolBox Style="AstrolStyle.Blue">Blue</AstrolBox>

<AstrolBox Style="AstrolStyle.Green">Green</AstrolBox>

<AstrolBox Style="AstrolStyle.Orange">Orange</AstrolBox>

<AstrolBox Style="AstrolStyle.Red">Red</AstrolBox>

<AstrolBox Style="AstrolStyle.Yellow">Yellow</AstrolBox>

<AstrolBox Style="AstrolStyle.Purple">Purple</AstrolBox>

<!-- Outline -->

<AstrolBox Style="AstrolStyle.Base" Outline="true">Base</AstrolBox>

<AstrolBox Style="AstrolStyle.White" Outline="true">White</AstrolBox>

<AstrolBox Style="AstrolStyle.Black" Outline="true">Black</AstrolBox>

<AstrolBox Style="AstrolStyle.Blue" Outline="true">Blue</AstrolBox>

<AstrolBox Style="AstrolStyle.Green" Outline="true">Green</AstrolBox>

<AstrolBox Style="AstrolStyle.Orange" Outline="true">Orange</AstrolBox>

<AstrolBox Style="AstrolStyle.Red" Outline="true">Red</AstrolBox>

<AstrolBox Style="AstrolStyle.Yellow" Outline="true">Yellow</AstrolBox>

<AstrolBox Style="AstrolStyle.Purple" Outline="true">Purple</AstrolBox>

<!-- Personalizado -->

<AstrolBox Style="AstrolStyle.Green" Outline="true">

 <h1>

 <Astrol.Component.Basic.Icon.AstrolIcon Icon="astrol-emo-sunglasses" />

 Hello World!

 </h1>

</AstrolBox>

ChildContent (RenderFragment): HTML content of the component.
Class (string): CSS class to customize styles (not required).
BorderRadius (string): Border radius of the button (default is 5px).
Outline (bool): If set to true, it has no fill (default is false).
OnClick (MouseEventArgs): Specifies an action if required.
Type (AstrolStyle): Defines the style of the button (default is ButtonStyle.Base).
- Base (enum)
- White (enum)
- Black (enum)
- Red (enum)
- Orange (enum)
- Green (enum)
- Blue (enum)
- Yellow (enum)