Accordion

Accordions are used to toggle the visibility of content.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.


/* accordion-example.blade.php */

<x-accordion>
        <x-accordion-item title="Section 1" id="section-1">
                <x-text size="sm" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
    </x-accordion-item>        
            <x-accordion-item title="Section 2" id="section-2">
                <x-text size="sm" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
    </x-accordion-item>        
            <x-accordion-item title="Section 3" id="section-3">
                <x-text size="sm" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
    </x-accordion-item>
</x-accordion>

Component API

Accordion

Prop	Description	Values
color	Change the color of the component	Dependant on theme

Accordion Item

Prop	Description	Values
id	Set the id of the accordion item	any*
title	Set the content of the title	any
color	Change the color of the component	Dependant on theme