Docs Custom Component Example

[codingwithmanny]

Context

Would like to see just an simple example of an implementation of a custom component.
Not sure where this would live, but would just demonstrate that React components can be used.

Perhaps this could be a customization section, which shows also how to inherit native components:

Example

List the example that is shown when a new project is generated

---
layout: docs
---

import { HomePage } from 'vocs/components'

<HomePage.Root>
  <HomePage.Logo />
  <HomePage.Tagline>My Awesome Docs</HomePage.Tagline>
  <HomePage.InstallPackage name="vocs" type="init" />
  <HomePage.Description>This is a description of my documentation website.</HomePage.Description>
  <HomePage.Buttons>
    <HomePage.Button href="/getting-started" variant="accent">Get started</HomePage.Button>
    <HomePage.Button href="https://github.com/wevm/vocs">GitHub</HomePage.Button>
  </HomePage.Buttons>
</HomePage.Root>