• WE ARE MOVING

    Visit our new demos website powered by SharePoint and ShortPoint.

  • LET’S GO!


Toggle – Basic Usage

[do action=”toggle”/]

Toggle – Without Divider

[do action=”toggle”/]

Toggle – Icon Location

[do action=”toggle”/]

Toggle – Different Colors

Color Danger

[do action=”toggle”/]

Color Green

[do action=”toggle”/]

Toggle – Custom Icons

[do action=”toggle”/]

Toggle – Open By Default

[do action=”toggle”/]

Toggle ShortPoint Options

Option Value Default Description
title “text” Required! Toggle title
no-divider Divider will not be displayed for the toggle
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 toggle color and hover style
  • all colors available at ShortPoint Colors page
open
  • Toggle will be open by default
  • If used in toggles, all will be open
icon-open icon name icon-plus-square-o
icon-open icon name icon-minus-square-o
Do you know! That you can spread toggles in your page and control their behavior using toggles grouping shortpoint.

[do action=”replace-tog”/]