Footer is able to display information at the bottom of the UI screen.
<Footer content={SOME_INFO} /><Footer content={SOME_INFO} />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 | - |