Semi site header
header used in Semi Design
💡 Usage
install
npm install @douyinfe/semi-site-headerimport
import Header '@douyinfe/semi-site-header';
ReactDOM.render(<Header />, root);📍 Props
| Property | Description | Type | Default |
|---|---|---|---|
| className | class name | string | |
| style | custom style | CSSProperties | |
| locale | locale code | string | |
| preferColor | follow system dark theme | boolean | |
| logo | logo content | ReactNode | |
| ghLink | github link | string | "https://github.com/DouyinFE/semi-design" |
| onLogoClick | logo click event | () => void | |
| onDarkChange | dark change event | (mode: string) => void | |
| onThemeChange | theme change event | (color: string) => void | |
| onLocaleChange | locale change event | (locale: string) => void |