Logo icon is wrapped in UIKit Button, text is wrapped in HTML tag a or div, when passing hasWrapper prop.
| Name | Description | Type | Default |
|---|---|---|---|
| aria-label | HTML aria-label attribute passed to tag a |
string |
|
| aria-labelledby | HTML aria-labelledby attribute passed to tag a |
string |
|
| buttonClassName | HTML class for UIKit Button |
string |
|
| buttonWrapperClassName | HTML class attribute for UIKit Button wrapper |
string |
|
| compact | Logo view state: true shows icon, false — icon and text |
boolean |
|
| className | HTML class attribute |
string |
|
| href | HTML href attribute for UIKit Button in the compact state and HTML tag a for the collapsed state without defining hasWrapper prop |
string |
|
| icon | IconProps['data'] | ||
| iconClassName | HTML class attribute of the icon container |
string |
|
| iconSize | width and height attribute |
number |
24 |
| iconSrc | HTML src attribute of the tag img |
string |
|
| onClick | Callback function called when the user clicks the Logo | (event: React.MouseEvent<HTMLElement, MouseEvent>) => void |
|
| target | HTML target attribute of the tag a |
HTMLAttributeAnchorTarget |
"_self" |
| text | Text displays only when compact prop is false |
() => React.ReactNode or string |
|
| textSize | Text font size | number |
15 |
| wrapper | Wrapper function. Wrapping icon and text in two separated containers | (node: React.ReactNode, compact: boolean) => React.ReactNode |