BeianFooter
beian-footerRenders Chinese filing and public-security registration links in a compliant footer.
Usage
Basic usage
Pass in a single registration number ICP, and the default link will be to the Ministry of Industry and Information Technology registration system.
ICP filingFujian ICP No. 2024073556-1
<BeianFooter icp={[{ number: "Fujian ICP No. 2024073556-1" }]} />Multiple ICP filings
When multiple sites are under the same entity, multiple registration numbers (such as -1 / -2) can be passed in.
<BeianFooter
icp={[
{ number: "Fujian ICP No. 2024073556-1" },
{ number: "Fujian ICP No. 2024073556-2" },
]}
/>Public network security
When police is entered, the police badge icon is displayed, and the default link is to the Ministry of Public Security filing system.
<BeianFooter
icp={[{ number: "Fujian ICP No. 2024073556-1" }]}
police={{ number: "Fujian Public Network Security No. 35030302900030" }}
/>With copyright line
copyright is rendered below the filing information and is often used in the compliance bar at the bottom of the site.
ICP filingFujian ICP No. 2024073556-1Fujian ICP No. 2024073556-2
Fujian Public Network Security No. 35030302900030
© 2026 Hulian · Abel
<BeianFooter
icp={[
{ number: "Fujian ICP No. 2024073556-1" },
{ number: "Fujian ICP No. 2024073556-2" },
]}
police={{ number: "Fujian Public Network Security No. 35030302900030" }}
copyright="© 2026 Hulian · Abel"
/>When to use
Use BeianFooter when a website operated in mainland China must display ICP registration, public-security registration, and copyright information in its footer. Record numbers link to the official MIIT and MPS lookup sites by default. This component is specifically a regulatory footer; use Navbar for global top navigation or NavMenu for a sidebar tree.
Import
import { BeianFooter } from "@hulianui/ui"Props
IcpRecord is { number: string; href?: string }; PoliceRecord has the same shape. Omitting href uses the corresponding official lookup URL.
| Name | Type | Default | Description |
|---|---|---|---|
| icp | IcpRecord[] | — | One or more ICP registration numbers, including multiple sites such as -1 and -2 under one entity. Links to beian.miit.gov.cn by default. |
| police | PoliceRecord | — | Public-security registration number shown with a police badge icon. Links to beian.mps.gov.cn by default. |
| className | string | — | Additional class name. |
Slots
| Slot | Type | Description |
|---|---|---|
| icpLabel | ReactNode | Prefix before the ICP records. The built-in Chinese copy is "\u0049\u0043\u0050\u5907\u6848", meaning “ICP registration.” |
| copyright | ReactNode | Copyright or supplementary footer content. |
Example
// Complete footer: multiple ICP records, public-security registration, and copyright
<BeianFooter
icp={[{ number: "Min ICP No. 2024073556-1" }, { number: "Min ICP No. 2024073556-2" }]}
police={{ number: "Min Public Security No. 35030302900030" }}
copyright="© 2026 Hulian · Abel"
/>
// A single ICP record only
<BeianFooter icp={[{ number: "Min ICP No. 2024073556-1" }]} />Usage guidelines
- The displayed registration number must exactly match the record in the MIIT or public-security system, including suffixes such as
-1or-2; otherwise the linked lookup result will not match. - The component is an RSC, and all external record links open in a new window.