Wireframes are templates that define how Velt components should render in your app:
Act as global templates. Changes apply everywhere the component is used.
Allow full customization of layout and styling.
Wireframes themselves don’t render in the DOM.
Adding any children to a wireframe template removes most of its default styling. This gives you full control over the layout.
However, you will still need to use a combination of CSS overrides on any remaining styles and your own components to achieve the desired styling.
import { VeltWireframe, VeltProvider } from '@veltdev/react'<VeltProvider> <VeltWireframe> {/* Your customization templates */} </VeltWireframe></VeltProvider>
2
Add Component Wireframes
Copy the wireframe template of the component you want to customize. You can find the wireframe templates in the component’s UI Customization documentation.