Semi site header
header used in Semi Design
💡 Usage
install
npm install @douyinfe/semi-site-header
import
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 |