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

FAQ

Answering your users questions effortlessly

x-t-faq

Preview and Examples

How do I add frequently asked questions to my website?
By using Turbine UI's Faq component of course.
How do I add frequently asked questions to my website?
By using Turbine UI's Faq component of course.
How do I add frequently asked questions to my website?
By using Turbine UI's Faq component of course.
How do I add frequently asked questions to my website?
By using Turbine UI's Faq component of course.
How do I add frequently asked questions to my website?
By using Turbine UI's Faq component of course.
How do I add frequently asked questions to my website?
By using Turbine UI's Faq component of course.
How do I add frequently asked questions to my website?
By using Turbine UI's Faq component of course.
<x-turbine-ui-faq>
<x-slot:question class="font-bold">
How do I add frequently asked questions to my website?
</x-slot:question>
<x-slot:answer>
By using Turbine UI's Faq component of course.
</x-slot:answer>
</x-turbine-ui-faq>
 
<x-turbine-ui-faq variant="brand">
<x-slot:question class="font-bold">
How do I add frequently asked questions to my website?
</x-slot:question>
<x-slot:answer>
By using Turbine UI's Faq component of course.
</x-slot:answer>
</x-turbine-ui-faq>
 
<x-turbine-ui-faq variant="primary">
<x-slot:question class="font-bold">
How do I add frequently asked questions to my website?
</x-slot:question>
<x-slot:answer>
By using Turbine UI's Faq component of course.
</x-slot:answer>
</x-turbine-ui-faq>
 
<x-turbine-ui-faq variant="secondary">
<x-slot:question class="font-bold">
How do I add frequently asked questions to my website?
</x-slot:question>
<x-slot:answer>
By using Turbine UI's Faq component of course.
</x-slot:answer>
</x-turbine-ui-faq>
 
<x-turbine-ui-faq variant="success">
<x-slot:question class="font-bold">
How do I add frequently asked questions to my website?
</x-slot:question>
<x-slot:answer>
By using Turbine UI's Faq component of course.
</x-slot:answer>
</x-turbine-ui-faq>
 
<x-turbine-ui-faq variant="warning">
<x-slot:question class="font-bold">
How do I add frequently asked questions to my website?
</x-slot:question>
<x-slot:answer>
By using Turbine UI's Faq component of course.
</x-slot:answer>
</x-turbine-ui-faq>
 
<x-turbine-ui-faq variant="danger">
<x-slot:question class="font-bold">
How do I add frequently asked questions to my website?
</x-slot:question>
<x-slot:answer>
By using Turbine UI's Faq component of course.
</x-slot:answer>
</x-turbine-ui-faq>
        

Attributes

Name Type Options Description
accent boolean
true false
Adds an accent
border boolean
true false
Adds a border
hollow boolean
true false
Removes background colour
ring boolean
true false
Adds a ring
rounded boolean
true false
Adds rounded corners
shadow boolean
true false
Adds a shadow
size string
xs sm md lg xl 2xl
Controls component scale
variant string
default brand primary secondary success warning danger light dark
A variant is like a colour palette