@douyinfe/semi-site-header

semi site header

Usage no npm install needed!

<script type="module">
  import douyinfeSemiSiteHeader from 'https://cdn.skypack.dev/@douyinfe/semi-site-header';
</script>

README

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