Text, icons and images

These are components with no state.

#Text

use Xelqun\Forms\Layouts\Text;

Text::make('Prices include tax.')
    ->color('gray')
    ->size('sm')
    ->weight('medium');

Text::make('Beta')->badge()->icon('star')->color('warning');

fontFamily() and tooltip() work here too.

#Icon

use Xelqun\Forms\Layouts\Icon;

Icon::make('info')->color('info')->size('lg')->tooltip('More details');

#Image

use Xelqun\Forms\Layouts\Image;

Image::make('/images/map.png', 'A map of the store')
    ->imageWidth(320)
    ->alignCenter();

imageHeight() and imageSize() set the size too. A number means pixels, and a string is any CSS size. alignStart(), alignCenter(), alignEnd() and alignment() place it.

#UnorderedList

use Xelqun\Forms\Layouts\Text;
use Xelqun\Forms\Layouts\UnorderedList;

UnorderedList::make([
    Text::make('Twelve characters or more'),
    Text::make('One number'),
])->size('sm');