Social Icons
A list of social icons links.
Currently supported social websites are: Twitter, Facebook, Instagram, Youtube, GitHub and Medium.
Configuration
app.config.ts
export default defineAppConfig({
docux: {
socials: {
twitter: 'nyxb0',
github: 'nyxb/docux'
discord: 'https://nyxb.chat',
youtube: 'https://youtube.com/nyxb_0',
},
}
})
Design Tokens
tokens.config.ts
import { defineTheme } from 'pinceau'
export default defineTheme({
docux: {
app: {
socialIcons: {
padding: '{space.4}',
color: {
static: '{elements.text.secondary.color.static}',
hover: '{elements.text.secondary.color.hover}'
}
}
}
}
})
AppNavigationComponent for rendering main navigation. Could be a vertical or horizontal list of links, with or without icons.LandingHeroThe Hero component is a versatile and visually appealing element designed for the landing page. It serves as the first screen that captures users' attention and introduces them to the key features and messaging of the product. The component incorporates a title, description, announce, call-to-action buttons, some extra content slot and a flexible area for visual content, such as images, videos, or animations (or Terminal in case of Docux website).