@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