Box
<gstock-box>
|
GstockBox
API
Propiedades
| Nombre | Descripción | Reflects | Tipo | Por defecto |
|---|---|---|---|---|
backgroundColor
background-color
|
Color de fondo del box. |
string
|
''
|
|
borderRadius
border-radius
|
Radio de los bordes. |
string
|
''
|
|
borderColor
border-color
|
Color del borde. |
string
|
''
|
|
borderWidth
border-width
|
Ancho del borde. |
string
|
''
|
|
borderStyle
border-style
|
Estilo del borde. |
'none' | 'solid' | 'dashed' | 'dotted'
|
'none'
|
|
display
|
Valor de la propiedad display CSS. |
string
|
''
|
|
gap
|
Espaciado entre elementos hijos (gap). |
string
|
''
|
|
padding
|
Padding uniforme en todos los lados. |
string
|
''
|
|
paddingBlockStart
padding-block-start
|
Padding en el lado superior. |
string
|
''
|
|
paddingBlockEnd
padding-block-end
|
Padding en el lado inferior. |
string
|
''
|
|
paddingInlineStart
padding-inline-start
|
Padding en el lado izquierdo. |
string
|
''
|
|
paddingInlineEnd
padding-inline-end
|
Padding en el lado derecho. |
string
|
''
|
|
flexDirection
flex-direction
|
Dirección del flex. |
string
|
''
|
|
justifyContent
justify-content
|
Alineación de items en el eje principal. |
string
|
''
|
|
alignItems
align-items
|
Alineación de items en el eje transversal. |
string
|
''
|
|
flexWrap
flex-wrap
|
Wrap de flex items. |
string
|
''
|
|
width
|
Ancho del box. |
string
|
''
|
|
height
|
Altura del box. |
string
|
''
|
|
maxWidth
max-width
|
Ancho máximo del box. |
string
|
''
|
|
maxHeight
max-height
|
Altura máxima del box. |
string
|
''
|
|
minWidth
min-width
|
Ancho mínimo del box. |
string
|
''
|
|
minHeight
min-height
|
Altura mínima del box. |
string
|
''
|
|
position
|
Posición del box. |
string
|
''
|
|
overflow
|
Overflow del box. |
string
|
''
|
|
boxShadow
box-shadow
|
Box shadow. |
string
|
''
|
|
color
|
Color del texto. |
string
|
''
|
|
updateComplete
|
A read-only promise that resolves when the component has finished updating. |
Aprende más sobre atributos y propiedades .
Slots
| Nombre | Descripción |
|---|---|
default
|
El contenido del box. |
Aprende más sobre slots .
Partes
| Nombre | Descripción |
|---|---|
base
|
El contenedor base del componente. |
Aprende más sobre partes CSS .