Components
Version 2.0

Accordion

Muestra un diálogo de alerta con un mensaje opcional, y aguardará hasta que el usuario cierre la ventana de diálogo.

Import

Example code
import Accordion from 'components/@ui/accordion'

Usage

Example code
<Accordion>

  <Accordion.Panel>

    <Accordion.Title>

      Accordion title one

    </Accordion.Title>

    <Accordion.Content>

      <p>

        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

      </p>

    </Accordion.Content>

  </Accordion.Panel>

  <Accordion.Panel >

    <Accordion.Title>

      Accordion title twoo

    </Accordion.Title>

    <Accordion.Content>

      <p>

        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

      </p>

    </Accordion.Content>

  </Accordion.Panel>

  <Accordion.Panel>

    <Accordion.Title>

      Accordion title three

    </Accordion.Title>

    <Accordion.Content>

      <p>

        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

      </p>

    </Accordion.Content>

  </Accordion.Panel>

</Accordion>

Nor border

Example code
<Accordion border={false}>

  <Accordion.Panel>

    <Accordion.Title>

      Accordion title one

    </Accordion.Title>

    <Accordion.Content>

      <p>

        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

      </p>

    </Accordion.Content>

  </Accordion.Panel>

  <Accordion.Panel >

    <Accordion.Title>

      Accordion title twoo

    </Accordion.Title>

    <Accordion.Content>

      <p>

        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

      </p>

    </Accordion.Content>

  </Accordion.Panel>

  <Accordion.Panel>

    <Accordion.Title>

      Accordion title three

    </Accordion.Title>

    <Accordion.Content>

      <p>

        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

      </p>

    </Accordion.Content>

  </Accordion.Panel>

</Accordion>