---
name: volt-development
description: "Develops single-file Livewire components with Volt. Activates when creating Volt components, converting Livewire to Volt, working with @volt directive, functional or class-based Volt APIs; or when the user mentions Volt, single-file components, functional Livewire, or inline component logic in Blade files."
license: MIT
metadata:
  author: laravel
---
@php
/** @var \Laravel\Boost\Install\GuidelineAssist $assist */
@endphp
# Volt Development

## Documentation

Use `search-docs` for detailed Volt patterns and documentation.

## Basic Usage

Create components with `{{ $assist->artisanCommand('make:volt [name] [--test] [--pest]') }}`.

Important: Check existing Volt components to determine if they use functional or class-based style before creating new ones.

### Functional Components

@boostsnippet("Volt Functional Component", "php")
@@volt
<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function Livewire\Volt\state() in /srv/http/loja/laravel/vendor/livewire/volt/resources/boost/skills/volt-development/SKILL.blade.php:30
Stack trace:
#0 {main}
  thrown in <b>/srv/http/loja/laravel/vendor/livewire/volt/resources/boost/skills/volt-development/SKILL.blade.php</b> on line <b>30</b><br />