View as Markdown Open in v0 Open in ChatGPT Open in Claude Open in Scira

# Quickstart

Get your first Slate components working in under 5 minutes.

## Installation

```bash
composer require electrik/slate
```

## Your First Components

### Button

<!--CODE_PREVIEW_PLACEHOLDER_0-->

### Input

<!--CODE_PREVIEW_PLACEHOLDER_1-->

### Card

<!--CODE_PREVIEW_PLACEHOLDER_2-->

## Next Steps

- Read the [Installation Guide](/docs/getting-started/installation) for detailed setup
- Browse [Components](/components) to see all available components
- Learn about [Customization](/docs/customization) to make it your own

Quickstart

Get your first Slate components working in under 5 minutes.

Installation

terminal

composer require electrik/slate

composer require electrik/slate

Your First Components

Button

example.blade.php

<x-slate::button>Click me</x-slate::button>

<x-slate::button>Click me</x-slate::button>

Input

example.blade.php

<x-slate::input placeholder="Enter your name" />

<x-slate::input placeholder="Enter your name" />

Card

Card content goes here.

example.blade.php

<x-slate::card>
    <x-slate::card-content>
        <p>Card content goes here.</p>
    </x-slate::card-content>
</x-slate::card>

<x-slate::card>
    <x-slate::card-content>
        <p>Card content goes here.</p>
    </x-slate::card-content>
</x-slate::card>

Next Steps

Read the Installation Guide for detailed setup
Browse Components to see all available components
Learn about Customization to make it your own