Components

Color

To display an HTML block <div> filled with a specific color, you can use the Color component.

 namespaces
use MoonShine\Support\Enums\Color as ColorEnum;
 
make(string|ColorEnum $color)
 namespaces
use MoonShine\Support\Enums\Color as ColorEnum;
 
make(string|ColorEnum $color)
 namespaces
use MoonShine\Support\Enums\Color as ColorEnum;
use MoonShine\UI\Components\Color;
 
Color::make(ColorEnum::PURPLE)
 namespaces
use MoonShine\Support\Enums\Color as ColorEnum;
use MoonShine\UI\Components\Color;
 
Color::make(ColorEnum::PURPLE)
<x-moonshine::color :color="'red'"/>
<x-moonshine::color :color="'red'"/>

Available values in the enum MoonShine\Support\Enums\Color:

enum Color: string
{
    case PRIMARY = 'primary';
 
    case SECONDARY = 'secondary';
 
    case SUCCESS = 'success';
 
    case ERROR = 'error';
 
    case WARNING = 'warning';
 
    case INFO = 'info';
 
    case PURPLE = 'purple';
 
    case PINK = 'pink';
 
    case BLUE = 'blue';
 
    case GREEN = 'green';
 
    case YELLOW = 'yellow';
 
    case RED = 'red';
 
    case GRAY = 'gray';
}
enum Color: string
{
    case PRIMARY = 'primary';
 
    case SECONDARY = 'secondary';
 
    case SUCCESS = 'success';
 
    case ERROR = 'error';
 
    case WARNING = 'warning';
 
    case INFO = 'info';
 
    case PURPLE = 'purple';
 
    case PINK = 'pink';
 
    case BLUE = 'blue';
 
    case GREEN = 'green';
 
    case YELLOW = 'yellow';
 
    case RED = 'red';
 
    case GRAY = 'gray';
}