AppIcon
Components
AppIcon()
AppIcon(
props
,context
?):ReactNode
An AppIcon component provides a fast and easy way to include a custom app icon
for your application.
You can easily customize its icon, size, border, background color, etc. and
apply custom styling using the corresponding props. A boolean hasNewNotifs
prop can
also be passed to indicate whether that app has new notifications.
Usage
Parameters
Parameter | Type |
---|---|
props | AppIconProps |
context ? | any |
Returns
ReactNode
Example
<AppIcon
placeholderIcon={<Walletconnect />}
background={{ gradient: 'gradient-to-b', from: 'orange-50', to: 'orange-200' }}
radius={24}
size={{ width: 80, height: 80 }}
backgroundSize={80}
iconColor="self-color"
/>
Source
libs/design-system-core/src/components/AppIcon/index.tsx:56
Props
AppIconProps
AppIconProps:
object
Type declaration
Member | Type |
---|---|
accentColor | boolean |
active | boolean |
appImg | LogoSourceType |
background | Color |
backgroundSize | number | object |
breakPointSize | BreakPointSize |
customStyle | string |
hasNewNotifs | boolean |
hover | boolean |
iconColor | Color |
placeholderIcon | React.ReactElement |
radius | Radius |
size | BasicIconSize |
solid | boolean |
stackedIcon | boolean |