Skip to main content

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

ParameterType
propsAppIconProps
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

MemberType
accentColorboolean
activeboolean
appImgLogoSourceType
backgroundColor
backgroundSizenumber | object
breakPointSizeBreakPointSize
customStylestring
hasNewNotifsboolean
hoverboolean
iconColorColor
placeholderIconReact.ReactElement
radiusRadius
sizeBasicIconSize
solidboolean
stackedIconboolean

Source

libs/design-system-core/src/components/AppIcon/index.tsx:18