Header Logo
The component renders a logo image or title text, depending on the configuration.
Configuration
app.config.ts
export default defineAppConfig({
docux: {
header: {
logo: {
light: '',
dark: '',
},
},
}
})Design Tokens
tokens.config.ts
import { defineTheme } from 'pinceau'
export default defineTheme({
docux: {
app: {
header: {
logo: {
height: {
initial: '{space.6}',
sm: '{space.7}'
}
},
}
}
}
})