Streamline the Laravel SaaS Starter Kit - Launch Your Next SaaS Today

Code

Display blocks of code

Tag: x-turbine-ui-code 
<h1>Turbine UI</h1>
<p>Laravel & Tailwind CSS Component Library</p>
<ul>
    <li>Alerts</li>
    <li>Avatars</li>
    <li>Badges</li>
    <li>...</li>
</ul>

<h1>Turbine UI</h1>
<p>Laravel & Tailwind CSS Component Library</p>
<ul>
    <li>Alerts</li>
    <li>Avatars</li>
    <li>Badges</li>
    <li>...</li>
</ul>

<h1>Turbine UI</h1>
<p>Laravel & Tailwind CSS Component Library</p>
<ul>
    <li>Alerts</li>
    <li>Avatars</li>
    <li>Badges</li>
    <li>...</li>
</ul>

<h1>Turbine UI</h1>
<p>Laravel & Tailwind CSS Component Library</p>
<ul>
    <li>Alerts</li>
    <li>Avatars</li>
    <li>Badges</li>
    <li>...</li>
</ul>

<h1>Turbine UI</h1>
<p>Laravel & Tailwind CSS Component Library</p>
<ul>
    <li>Alerts</li>
    <li>Avatars</li>
    <li>Badges</li>
    <li>...</li>
</ul>

<h1>Turbine UI</h1>
<p>Laravel & Tailwind CSS Component Library</p>
<ul>
    <li>Alerts</li>
    <li>Avatars</li>
    <li>Badges</li>
    <li>...</li>
</ul>

<h1>Turbine UI</h1>
<p>Laravel & Tailwind CSS Component Library</p>
<ul>
    <li>Alerts</li>
    <li>Avatars</li>
    <li>Badges</li>
    <li>...</li>
</ul>

<x-turbine-ui-code variant="light">
    <h1>Turbine UI</h1>
    <p>Laravel & Tailwind CSS Component Library</p>
    <ul>
        <li>Alerts</li>
        <li>Avatars</li>
        <li>Badges</li>
        <li>...</li>
    </ul>
</x-turbine-ui-code>
 
<x-turbine-ui-code variant="brand">
    <h1>Turbine UI</h1>
    <p>Laravel & Tailwind CSS Component Library</p>
    <ul>
        <li>Alerts</li>
        <li>Avatars</li>
        <li>Badges</li>
        <li>...</li>
    </ul>
</x-turbine-ui-code>
 
<x-turbine-ui-code variant="primary">
    <h1>Turbine UI</h1>
    <p>Laravel & Tailwind CSS Component Library</p>
    <ul>
        <li>Alerts</li>
        <li>Avatars</li>
        <li>Badges</li>
        <li>...</li>
    </ul>
</x-turbine-ui-code>
 
<x-turbine-ui-code variant="secondary">
    <h1>Turbine UI</h1>
    <p>Laravel & Tailwind CSS Component Library</p>
    <ul>
        <li>Alerts</li>
        <li>Avatars</li>
        <li>Badges</li>
        <li>...</li>
    </ul>
</x-turbine-ui-code>
 
<x-turbine-ui-code variant="success">
    <h1>Turbine UI</h1>
    <p>Laravel & Tailwind CSS Component Library</p>
    <ul>
        <li>Alerts</li>
        <li>Avatars</li>
        <li>Badges</li>
        <li>...</li>
    </ul>
</x-turbine-ui-code>
 
<x-turbine-ui-code variant="warning">
    <h1>Turbine UI</h1>
    <p>Laravel & Tailwind CSS Component Library</p>
    <ul>
        <li>Alerts</li>
        <li>Avatars</li>
        <li>Badges</li>
        <li>...</li>
    </ul>
</x-turbine-ui-code>
 
<x-turbine-ui-code variant="danger">
    <h1>Turbine UI</h1>
    <p>Laravel & Tailwind CSS Component Library</p>
    <ul>
        <li>Alerts</li>
        <li>Avatars</li>
        <li>Badges</li>
        <li>...</li>
    </ul>
</x-turbine-ui-code>

Attributes

Name Type Options Description
accent boolean Adds an accent
blade boolean Sets code to blade
border boolean Adds a border
hollow boolean Removes background colour
ring boolean Adds a ring
rounded boolean Adds a rounded corner
shadow boolean Adds a shadow
size string Size is used to control styles such as margin, padding and font size. Extensible via the theme.
variant string A variant is like a colour palette
Theme