Inicio
PERENDERnew
Tema
Form
Componentes básicos
Visor de PDF
chartsnew
Instalación
line
Explorador de archivos
Texto enriquecido
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>

Parámetros que admite

  • ChildContent (RenderFragment), contenido HTML del componente.
  • Class (string), clase css para personalizar estilos (no requerido).
  • BorderRadius (string), radio del borde del botón (por defecto es 5px).
  • Outline (bool), si desea no tenga relleno (por defecto es false).
  • OnClick (MouseEventArgs), para especificar una acción si llega a ser requerida.
  • Type (AstrolStyle), define el estilo del botón (por defecto es ButtonStyle.Base).
    • Base (enum)
    • White (enum)
    • Black (enum)
    • Red (enum)
    • Orange (enum)
    • Green (enum)
    • Blue (enum)
    • Yellow (enum)
© 2025 AstrolUI v8.0.4
Se ha producido un error no controlado. Recargar 🗙