Create & Control Semantic UI Shape with Angular Directives
optional
required
Shape Directives
sm-shape
Creates a shape.
Attributes
settings=a 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-before-change=Callback called before side change.on-change=Callback called after visible side change.
Example
Did you know? This side starts visible.
Help, its another side!
This is the last side
sm-shape-bind
A lightweight attribute directive which calls shape() 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.
Did you know? This side starts visible.
Help, its another side!
This is the last side
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 dropdown(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.
Example
sm-shape-flip-up
When a DOM event fires on the element with the directive, it can command shape(s) to flip up.
Did you know? This side starts visible.
Help, its another side!
This is the last side
sm-shape-flip-down
When a DOM event fires on the element with the directive, it can command shape(s) to flip down.
Did you know? This side starts visible.
Help, its another side!
This is the last side
sm-shape-flip-left
When a DOM event fires on the element with the directive, it can command shape(s) to flip left.
Did you know? This side starts visible.
Help, its another side!
This is the last side
sm-shape-flip-right
When a DOM event fires on the element with the directive, it can command shape(s) to flip right.
Did you know? This side starts visible.
Help, its another side!
This is the last side
sm-shape-flip-over
When a DOM event fires on the element with the directive, it can command shape(s) to flip over.
Did you know? This side starts visible.
Help, its another side!
This is the last side
sm-shape-flip-back
When a DOM event fires on the element with the directive, it can command shape(s) to flip back.
Did you know? This side starts visible.
Help, its another side!
This is the last side