@k8slens/extensions / Exports / Renderer / Component / IconProps
Interface: IconProps#
Hierarchy#
- 
HTMLAttributes<any>
↳ IconProps
Table of contents#
Properties#
- active
- big
- children
- data-testid
- disabled
- focusable
- href
- interactive
- link
- material
- size
- small
- smallest
- sticker
- svg
Properties#
active#
• Optional active: boolean
apply active-state styles
Inherited from#
big#
• Optional big: boolean
A pre-defined icon-size
Inherited from#
children#
• Optional children: StrictReactNode
Overrides#
React.HTMLAttributes.children
data-testid#
• Optional data-testid: string
Inherited from#
disabled#
• Optional disabled: boolean
Inherited from#
focusable#
• Optional focusable: boolean
Allow focus to the icon to show .active styles. Only applicable if interactive is true.
Default
true
Inherited from#
href#
• Optional href: string
render icon as hyperlink
Inherited from#
interactive#
• Optional interactive: boolean
indicates that icon is interactive and highlight it on focus/hover
Inherited from#
link#
• Optional link: LocationDescriptor<unknown>
render icon as NavLink from react-router-dom
Inherited from#
material#
• Optional material: string
One of the names from https://material.io/icons/
Inherited from#
size#
• Optional size: string | number
The icon size (css units)
Inherited from#
small#
• Optional small: boolean
A pre-defined icon-size
Inherited from#
smallest#
• Optional smallest: boolean
A pre-defined icon-size
Inherited from#
sticker#
• Optional sticker: boolean
Inherited from#
svg#
• Optional svg: string
Either an SVG XML or one of NamedSvg