Portal UI

Heading

A consistent heading and subheading component for your application.

User profile
This information will be displayed publicly.
<x-portal::heading>User profile</x-portal::heading>
<x-portal::heading.sub>This information will be displayed publicly.</x-portal::heading.sub>

Publishing Component

If you want to customize the components, you can publish them by running the following command :

php artisan vendor:publish --tag=portal-ui:heading --force


Sizes

User profile
This information will be displayed publicly.

User profile
This information will be displayed publicly.

User profile
This information will be displayed publicly.
<x-portal::heading>User profile</x-portal::heading>
<x-portal::heading.sub>This information will be displayed publicly.</x-portal::heading.sub>

<br>
<x-portal::heading size="lg">User profile</x-portal::heading>
<x-portal::heading.sub>This information will be displayed publicly.</x-portal::heading.sub>

<br>
<x-portal::heading level="1" size="xl">User profile</x-portal::heading>
<x-portal::heading.sub>This information will be displayed publicly.</x-portal::heading.sub>


Heading level

Control the heading level: h1, h2, h3, h4, h5, h6

User profile

User profile

User profile

User profile

User profile
User profile
<x-portal::heading level="1">User profile</x-portal::heading>
<x-portal::heading level="2">User profile</x-portal::heading>
<x-portal::heading level="3">User profile</x-portal::heading>
<x-portal::heading level="4">User profile</x-portal::heading>
<x-portal::heading level="5">User profile</x-portal::heading>
<x-portal::heading level="6">User profile</x-portal::heading>