• WE ARE MOVING

    Visit our new demos website powered by SharePoint and ShortPoint.

  • LET’S GO!

Accordion – Basic Usage

[do action=”accordion”/]

Accordion – Without Divider

[do action=”accordion”/]

Accordion – Icon Location

[do action=”accordion”/]

Accordion – Different Colors

Color Danger

[do action=”accordion”/]

Color Green

[do action=”accordion”/]

Accordion – Custom Icons

[do action=”accordion”/]

Accordion – Open By Default

[do action=”accordion”/]

Accordions ShortPoint Option

Option Value Default Description
no-divider Divider will not be used to as separator between accordions
right Icon location will be on the right
left
  • Icon location will be on the left
  • Useful in RTL sites
color color name primary
  • the active accordion color and hover style
  • all colors available at ShortPoint Colors page
open number Open the accordion by its order location
icon-open icon name icon-plus-square-o
icon-open icon name icon-minus-square-o

Accordion ShortPoint Option

Option Value Default Description
title “text” Required! Accordion title
Why Two Option Tables? Because this ShortPoint consist of two ShortPoints (Parent and Childs). The accordion shortpoint should be inside accordions shortpoint. Thats why we have to describe the options you can use in each one.