💡 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 | |