Getting Started

To import components from Velure Labs in your Laravel project with Inertia.js and Vue 3, you can follow these steps:

Import the specific components you need at the top of your Vue file:

// Everything but icons are in @robojuice/velure-ui
import { Button, Spinner, Well } from '@robojuice/velure-ui';

// Icons are only within @robojuice/velure-ui/src/icons
import { IconDownload } from "@robojuice/velure-ui/src/icons";

Use the components in your template:

<template>
  <div>
    <Button>Click me</Button>
    <Spinner />
    <Well>
      <!-- Well content -->
    </Well>
  </div>
</template>

This approach allows you to import and use only the components you need in each Vue file, which can help with performance by reducing the bundle size. Remember that you need to have the Velure Vue Plugin set up in your main app file as shown in the installation instructions for these imports to work correctly.

Setup

Foundations

Inputs