Bubble

Displays conversational content in a message bubble.

Hey, are you free for a quick review?
Yes. Send it over and I will take a look.
👍
The updated dashboard is ready for feedback.
Component Code
<april:bubble-group class="max-w-lg">
<april:bubble variant="secondary">
Hey, are you free for a quick review?
</april:bubble>
<april:bubble align="end">
Yes. Send it over and I will take a look.
<slot:reactions>👍</slot:reactions>
</april:bubble>
<april:bubble variant="outline">
The updated dashboard is ready for feedback.
</april:bubble>
</april:bubble-group>

The default slot is the bubble's primary content. Use align and variant to change its position and visual treatment. Use bubble-group for a sequence of related bubbles.

<april:bubble variant="secondary" align="end">
I will review it now.
<slot:reactions>👍</slot:reactions>
</april:bubble>

Publishing Views

Use the following commands to publish these views:

php artisan april:publish bubble
php artisan april:publish bubble-group
php artisan april:publish bubble-reactions
April UI keeps package views in `vendor/` by default. The command uses Laravel's vendor publishing system and copies overrides to `resources/views/vendor/april/components`. To publish all components, run:
php artisan april:publish --all
Review local overrides after an upgrade with `php artisan april:update --diff`.