Text/Paragraph component

[LasseRafn]

Flux provides headings, subheadings etc. with set colors for both light and dark mode, but whenever I need to add a text / paragraph below, I am out of options, so I do something like this:

<p class="text-black dark:text-white">my text</p>

Its a silly request, but I wonder if something like:

<flux:paragraph>my text</flux:paragraph>

or

<flux:text>my text</flux:text>

would make sense? with some predefined colors etc.

I don't mind doing it myself, but feel like it would be a 'cheap-to-maintain' component to add some extra value to the framework.

Just an idea, feel free to yeet it away

[jeffchown]

@LasseRafn There is a flux:text component already (not documented yet) that I use for exactly the reason you mention.

[jeffchown]

For reference, this is its blade code so you can see the size options and the default styling:

@props([
    'size' => null,
])

@php
$classes = Flux::classes()
    ->add(match ($size) {
        'xl' => 'text-lg',
        'lg' => 'text-base',
        default => 'text-sm',
        'sm' => 'text-xs',
    })
    ->add('text-zinc-500 dark:text-white/70')
    ;
@endphp

<div {{ $attributes->class($classes) }} data-flux-text>
    {{ $slot }}
</div>

[LasseRafn]

Oh that's perfect @jeffchown !! Thanks 🙏🏻

[jeffchown]

You're welcome @LasseRafn !