Button

import { Button } from "@grassroot/ui-react";
 
<Button>Start a project</Button>
<Button variant="secondary">View work</Button>
<Button variant="ghost">See the work</Button>
<Button size="lg">Large</Button>
<Button disabled>Disabled</Button>

<script setup lang="ts">
import { Button } from "@grassroot/ui-vue";
</script>
 
<template>
  <Button>Start a project</Button>
  <Button variant="secondary">View work</Button>
  <Button variant="ghost">See the work</Button>
  <Button size="lg">Large</Button>
  <Button disabled>Disabled</Button>
</template>

import { Component } from "@angular/core";
import { GrassrootButton } from "@grassroot/ui-angular";
 
@Component({
  selector: "app-example",
  standalone: true,
  imports: [GrassrootButton],
  template: `
    <grassroot-button>Start a project</grassroot-button>
    <grassroot-button variant="secondary">View work</grassroot-button>
    <grassroot-button variant="ghost">See the work</grassroot-button>
    <grassroot-button size="lg">Large</grassroot-button>
    <grassroot-button [disabled]="true">Disabled</grassroot-button>
  `,
})
export class ExampleComponent {
}

<script lang="ts">
  import { Button } from "@grassroot/ui-svelte";
</script>
 
<Button>Start a project</Button>
<Button variant="secondary">View work</Button>
<Button variant="ghost">See the work</Button>
<Button size="lg">Large</Button>
<Button disabled>Disabled</Button>

import { Button } from "@grassroot/ui-solid";
 
export function Example() {
  return (
    <>
      <Button>Start a project</Button>
      <Button variant="secondary">View work</Button>
      <Button variant="ghost">See the work</Button>
      <Button size="lg">Large</Button>
      <Button disabled>Disabled</Button>
    </>
  );
}