Optional
accentOptional
alignOptional
alignOptional
alignmentOptional
all?: stringOptional
animation?: stringOptional
animationOptional
animationOptional
animationOptional
animationOptional
animationOptional
animationOptional
animationOptional
animationOptional
animationOptional
appearance?: stringOptional
aspectOptional
backdropOptional
backfaceOptional
background?: stringOptional
backgroundOptional
backgroundOptional
backgroundOptional
backgroundOptional
backgroundOptional
backgroundOptional
backgroundOptional
backgroundOptional
backgroundOptional
backgroundOptional
backgroundOptional
baselineOptional
baselineOptional
blockOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
bottom?: stringOptional
boxOptional
boxOptional
breakOptional
breakOptional
breakOptional
captionOptional
caretOptional
clear?: stringOptional
clip?: stringOptional
clipOptional
clipOptional
colorOptional
colorOptional
colorOptional
columnOptional
columnOptional
columnOptional
columnOptional
columnOptional
columnOptional
columnOptional
columnOptional
columnOptional
columns?: stringOptional
contain?: stringOptional
containOptional
containOptional
containOptional
containOptional
containOptional
container?: stringOptional
containerOptional
containerOptional
content?: stringOptional
contentOptional
counterOptional
counterOptional
counterOptional
cssOptional
cssOptional
cursor?: stringOptional
cx?: stringOptional
cy?: stringOptional
d?: stringOptional
direction?: stringOptional
dominantOptional
emptyOptional
fill?: stringOptional
fillOptional
fillOptional
filter?: stringOptional
flex?: stringOptional
flexOptional
flexOptional
flexOptional
flexOptional
flexOptional
flexOptional
float?: stringOptional
floodOptional
floodOptional
font?: stringOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
forcedOptional
gap?: stringOptional
grid?: stringOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
hyphenateOptional
hyphens?: stringOptional
imageOptional
imageOptional
inlineOptional
inset?: stringOptional
insetOptional
insetOptional
insetOptional
insetOptional
insetOptional
insetOptional
isolation?: stringOptional
justifyOptional
justifyOptional
left?: stringOptional
Readonly
length?: numberOptional
letterOptional
lightingOptional
lineOptional
lineOptional
listOptional
listOptional
listOptional
listOptional
margin?: stringOptional
marginOptional
marginOptional
marginOptional
marginOptional
marginOptional
marginOptional
marginOptional
marginOptional
marginOptional
marginOptional
marker?: stringOptional
markerOptional
markerOptional
markerOptional
mask?: stringOptional
maskOptional
maskOptional
maskOptional
maskOptional
maskOptional
maskOptional
maskOptional
maskOptional
maskOptional
mathOptional
mathOptional
maxOptional
maxOptional
maxOptional
maxOptional
minOptional
minOptional
minOptional
minOptional
mixOptional
objectOptional
objectOptional
offset?: stringOptional
offsetOptional
offsetOptional
offsetOptional
offsetOptional
offsetOptional
opacity?: stringOptional
order?: stringOptional
orphans?: stringOptional
outline?: stringOptional
outlineOptional
outlineOptional
outlineOptional
outlineOptional
overflowOptional
overflowOptional
overflowOptional
overflowX?: stringOptional
overflowY?: stringOptional
overscrollOptional
overscrollOptional
overscrollOptional
overscrollOptional
overscrollOptional
padding?: stringOptional
paddingOptional
paddingOptional
paddingOptional
paddingOptional
paddingOptional
paddingOptional
paddingOptional
paddingOptional
paddingOptional
paddingOptional
page?: stringOptional
pageOptional
pageOptional
pageOptional
paintOptional
Readonly
parentOptional
perspective?: stringOptional
perspectiveOptional
placeOptional
placeOptional
placeOptional
pointerOptional
position?: stringOptional
printOptional
quotes?: stringOptional
r?: stringOptional
resize?: stringOptional
right?: stringOptional
rotate?: stringOptional
rowOptional
rubyOptional
rx?: stringOptional
ry?: stringOptional
scale?: stringOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollbarOptional
scrollbarOptional
scrollbarOptional
shapeOptional
shapeOptional
shapeOptional
shapeOptional
stopOptional
stopOptional
stroke?: stringOptional
strokeOptional
strokeOptional
strokeOptional
strokeOptional
strokeOptional
strokeOptional
strokeOptional
tabOptional
tableOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
top?: stringOptional
touchOptional
transform?: stringOptional
transformOptional
transformOptional
transformOptional
transition?: stringOptional
transitionOptional
transitionOptional
transitionOptional
transitionOptional
transitionOptional
translate?: stringOptional
unicodeOptional
userOptional
vectorOptional
verticalOptional
visibility?: stringOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
whiteOptional
whiteOptional
widows?: stringOptional
willOptional
wordOptional
wordOptional
wordOptional
writingOptional
x?: stringOptional
y?: stringOptional
zOptional
zoom?: stringOptional
accentOptional
alignOptional
alignOptional
alignOptional
alignmentOptional
all?: stringOptional
animation?: stringOptional
animationOptional
animationOptional
animationOptional
animationOptional
animationOptional
animationOptional
animationOptional
animationOptional
animationOptional
appearance?: stringOptional
aspectOptional
backdropOptional
backfaceOptional
background?: stringOptional
backgroundOptional
backgroundOptional
backgroundOptional
backgroundOptional
backgroundOptional
backgroundOptional
backgroundOptional
backgroundOptional
backgroundOptional
backgroundOptional
backgroundOptional
baselineOptional
baselineOptional
blockOptional
border?: stringOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
borderOptional
bottom?: stringOptional
boxOptional
boxOptional
breakOptional
breakOptional
breakOptional
captionOptional
caretOptional
clear?: stringOptional
clip?: stringOptional
clipOptional
clipOptional
color?: stringOptional
colorOptional
colorOptional
colorOptional
columnOptional
columnOptional
columnOptional
columnOptional
columnOptional
columnOptional
columnOptional
columnOptional
columnOptional
columns?: stringOptional
contain?: stringOptional
containOptional
containOptional
containOptional
containOptional
containOptional
container?: stringOptional
containerOptional
containerOptional
content?: stringOptional
contentOptional
counterOptional
counterOptional
counterOptional
cssOptional
cssOptional
cursor?: stringOptional
cx?: stringOptional
cy?: stringOptional
d?: stringOptional
direction?: stringOptional
display?: stringOptional
dominantOptional
emptyOptional
fill?: stringOptional
fillOptional
fillOptional
filter?: stringOptional
flex?: stringOptional
flexOptional
flexOptional
flexOptional
flexOptional
flexOptional
flexOptional
float?: stringOptional
floodOptional
floodOptional
font?: stringOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
fontOptional
forcedOptional
gap?: stringOptional
grid?: stringOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
gridOptional
hyphenateOptional
hyphens?: stringOptional
imageOptional
imageOptional
inlineOptional
inset?: stringOptional
insetOptional
insetOptional
insetOptional
insetOptional
insetOptional
insetOptional
isolation?: stringOptional
justifyOptional
justifyOptional
justifyOptional
left?: stringOptional
Readonly
length?: numberOptional
letterOptional
lightingOptional
lineOptional
lineOptional
listOptional
listOptional
listOptional
listOptional
margin?: stringOptional
marginOptional
marginOptional
marginOptional
marginOptional
marginOptional
marginOptional
marginOptional
marginOptional
marginOptional
marginOptional
marker?: stringOptional
markerOptional
markerOptional
markerOptional
mask?: stringOptional
maskOptional
maskOptional
maskOptional
maskOptional
maskOptional
maskOptional
maskOptional
maskOptional
maskOptional
mathOptional
mathOptional
maxOptional
maxOptional
maxOptional
maxOptional
minOptional
minOptional
minOptional
minOptional
mixOptional
objectOptional
offset?: stringOptional
offsetOptional
offsetOptional
offsetOptional
offsetOptional
offsetOptional
opacity?: stringOptional
order?: stringOptional
orphans?: stringOptional
outline?: stringOptional
outlineOptional
outlineOptional
outlineOptional
outlineOptional
overflow?: stringOptional
overflowOptional
overflowOptional
overflowOptional
overflowX?: stringOptional
overflowY?: stringOptional
overscrollOptional
overscrollOptional
overscrollOptional
overscrollOptional
overscrollOptional
padding?: stringOptional
paddingOptional
paddingOptional
paddingOptional
paddingOptional
paddingOptional
paddingOptional
paddingOptional
paddingOptional
paddingOptional
paddingOptional
page?: stringOptional
pageOptional
pageOptional
pageOptional
paintOptional
Readonly
parentOptional
perspective?: stringOptional
perspectiveOptional
placeOptional
placeOptional
placeOptional
pointerOptional
position?: stringOptional
printOptional
quotes?: stringOptional
r?: stringOptional
resize?: stringOptional
right?: stringOptional
rotate?: stringOptional
rowOptional
rubyOptional
rx?: stringOptional
ry?: stringOptional
scale?: stringOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollOptional
scrollbarOptional
scrollbarOptional
scrollbarOptional
shapeOptional
shapeOptional
shapeOptional
shapeOptional
stopOptional
stopOptional
stroke?: stringOptional
strokeOptional
strokeOptional
strokeOptional
strokeOptional
strokeOptional
strokeOptional
strokeOptional
tabOptional
tableOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
textOptional
top?: stringOptional
touchOptional
transform?: stringOptional
transformOptional
transformOptional
transformOptional
transition?: stringOptional
transitionOptional
transitionOptional
transitionOptional
transitionOptional
transitionOptional
translate?: stringOptional
unicodeOptional
userOptional
vectorOptional
verticalOptional
visibility?: stringOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
webkitOptional
whiteOptional
whiteOptional
widows?: stringOptional
willOptional
wordOptional
wordOptional
wordOptional
writingOptional
x?: stringOptional
y?: stringOptional
zOptional
zoom?: stringOptional
border
MiniCard component displays a customizable card with an image or initials.
Component
Selector
app-mini-card
Standalone
true
Imports
CommonModule
Template
Style Urls
['./mini-card.component.css']
Inputs
initials
(string): Initials to display if no image is provided.fontSize
(number): Font size for initials text, default is 14.customStyle
(CSSStyleDeclaration): Custom styles for the card.imageSource
(string): Source URL for the image.roundedImage
(boolean): Whether the image should be rounded, default is false.imageStyle
(CSSStyleDeclaration): Custom styles for the image.Methods
getMergedCardStyles()
: Returns merged styles for the card.getMergedImageStyles()
: Returns merged styles for the image.getInitialsStyle()
: Returns styles for the initials text.Example