<cla-insignia>
The Claromentis insignia component. Named 'insignia' to avoid confusion with Bootstrap 'badge' namespace.
The component insignias-svg.json the SVG code from there. See below for instructions on how to add new shapes to the file.
In order to use with an image please use the cla-insignia-image component
Usage
Properties
| Property | Required | Description | Type | Default |
|---|---|---|---|---|
colour | false | The insignia colour. | string | "#76cef9" |
shape | false | The insignia shape: 'hexagon', '' or ''. Default: 'hexagon' | "hexagon" | "hexagon" |
type | false | The insignia fill option: 'fill', 'outline' or 'empty'. Default: 'hexagon' | "empty" | "fill" | "outline" | "fill" |
width | false | The insignia width. | string | null |
Slots
| Slot | Description |
|---|---|
| any | Holds the cla-insignia-image |