Footer
is able to display information at the bottom of the UI screen.
Group usage of Footer component.
Basic usage as the following.
Properties | Description | Type | Default |
---|---|---|---|
label | The top content with a line divider | string | ReactNode | - |
links | The links above content | LinkItem[] | - |
content | The common content section | string | ReactNode | - |
chips | Chips, only one line of content is allowed. If the content exceeds the width, the content will be automatically intercepted | ChipItem[] | - |
onClickChip | Click the bottom label to trigger, and it will only take effect when the chip type is link | (item: ChipItem, index: number) => void | - |
onClickLink | Clicking the link triggers an event that intercepts the href jump to the anchor | (item: LinkItem, index: number) => void | - |
Name | Description | Type | Default |
---|---|---|---|
content | The chip content | string | ReactNode | - |
type | The chip type, plain type is only for display, link type is clickable | plain | link | plain |
Name | Description | Type | Default |
---|---|---|---|
text | Thr text of links | string | - |
url | The url of links | string | - |