Компоненты

Snippet

Основы

Компонент Snippet позволяет отображать текст в виде кода с возможностью копирования в буфер обмена.

make(
    string $value = '',
    string|Color $color = Color::INFO
)
make(
    string $value = '',
    string|Color $color = Color::INFO
)
  • $value - текст, отображаемый в сниппете,
  • $color - цвет (строка или Enum).

Доступны следующие варианты:

 namespaces
use MoonShine\Support\Enums\Color;
use MoonShine\UI\Components\Snippet;
 
Snippet::make('composer require moonshine/moonshine', Color::PRIMARY);
Snippet::make('composer require moonshine/moonshine', Color::SECONDARY);
Snippet::make('composer require moonshine/moonshine', Color::SUCCESS);
Snippet::make('composer require moonshine/moonshine', Color::INFO);
Snippet::make('composer require moonshine/moonshine', Color::WARNING);
Snippet::make('composer require moonshine/moonshine', Color::ERROR);
// или строки
Snippet::make('composer require moonshine/moonshine', 'purple');
Snippet::make('composer require moonshine/moonshine', 'pink');
Snippet::make('composer require moonshine/moonshine', 'blue');
Snippet::make('composer require moonshine/moonshine', 'green');
Snippet::make('composer require moonshine/moonshine', 'yellow');
Snippet::make('composer require moonshine/moonshine', 'red');
Snippet::make('composer require moonshine/moonshine', 'gray');
 namespaces
use MoonShine\Support\Enums\Color;
use MoonShine\UI\Components\Snippet;
 
Snippet::make('composer require moonshine/moonshine', Color::PRIMARY);
Snippet::make('composer require moonshine/moonshine', Color::SECONDARY);
Snippet::make('composer require moonshine/moonshine', Color::SUCCESS);
Snippet::make('composer require moonshine/moonshine', Color::INFO);
Snippet::make('composer require moonshine/moonshine', Color::WARNING);
Snippet::make('composer require moonshine/moonshine', Color::ERROR);
// или строки
Snippet::make('composer require moonshine/moonshine', 'purple');
Snippet::make('composer require moonshine/moonshine', 'pink');
Snippet::make('composer require moonshine/moonshine', 'blue');
Snippet::make('composer require moonshine/moonshine', 'green');
Snippet::make('composer require moonshine/moonshine', 'yellow');
Snippet::make('composer require moonshine/moonshine', 'red');
Snippet::make('composer require moonshine/moonshine', 'gray');
<x-moonshine::snippet color="primary">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="secondary">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="success">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="info">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="warning">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="error">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="purple">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="pink">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="blue">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="green">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="yellow">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="red">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="gray">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="primary">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="secondary">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="success">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="info">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="warning">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="error">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="purple">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="pink">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="blue">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="green">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="yellow">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="red">composer require moonshine/moonshine</x-moonshine::snippet>
<x-moonshine::snippet color="gray">composer require moonshine/moonshine</x-moonshine::snippet>

primary secondary success warning error info purple pink blue green yellow red gray

Использование с полями

При использовании метода copy() на полях ввода, компонент Snippet автоматически применяется для отображения значения в режиме preview.

 namespaces
use MoonShine\UI\Fields\Text;
 
Text::make('Код', 'code')
    ->copy()
 namespaces
use MoonShine\UI\Fields\Text;
 
Text::make('Код', 'code')
    ->copy()

Подробнее о методе copy() можно узнать в разделе Text.