Create & Control Semantic UI Accordions with Angular Directives
optional
required
Accordion Directives
sm-accordion
The outer directive for an accordion.
Attributes
settings=reference to a settings object to pass to the initialization function.
Callback Attributes
on-init=Callback once the module is initialized, passing the initialized element as the first argument.on-opening=Callback before element openson-open=Callback after element is openon-closing=Callback before element closeson-close=Callback after element is closedon-change=Callback on element open or close
sm-accordion-group
The inner directive for an accordion which has a title and content.
Attributes
title=A string variable with the title of the accordion group.active=A variable which sets whether or not the group is the active one.
sm-accordion-bind
A lightweight attribute directive which calls accordion() on the element with the settings object passed to the attribute. Using this directive means you need to manage the communication between Angular and Semantic UI yourself.
What is a dog?
A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.
What kinds of dogs are there?
There are many breeds of dogs. Each breed varies in size and temperament. Owners often select a breed of dog that they find to be compatible with their own lifestyle and desires from a companion.
Behavior Directives
These attribute directives invoke a behavior on the component where the attribute value can be one of the following formats:
String
- Selector to the accordion(s) to invoke the behavior when the element with the directive is clicked.
Object
$@A selector string.evt@The event string which triggers the behavior ('click' by default).enabled=A boolean value which determines whether or not the behavior should be called when the event occurs.value=The first argument to pass to the behavior if it requires one.