Seal

Ein Prüfsiegel.

Optionen

• active | boolean: steuert, ob die Dichtung aktiv oder ausgegraut ist. Default: true.
• onClick | function: Callback-Funktion, die aufgerufen wird, wenn die Note angeklickt wird. Default: onClick() {}.
• scale | number: Objektgröße (wenn nicht explizit gesetzt, wird die Dichtung nicht neu skaliert). Default: none.
• innerStyle | object: der Stil für den inneren Kreis. Default: {}.
• lower | string: der untere Text. Default: 'The lower text'.
• lowerArc | number: den Bogen für den unteren Text. Default: 150.
• noOrnaments | boolean: verhindert das Rendering der Ornamente. Default: false.
• removable | boolean: steuert, ob die Notiz beim Anklicken entfernt wird. Default: false.
• style | object: der Stil für das Element. Default: none.
• title | (string|node): Siegel-Titel. Default: 'Enter a title'.
• upper | string: der obere Text. Default: 'The upper text'.
• upperArc | number: der Bogen für den oberen Text. Default: 150.

Beispiele

• Minimal
• With Style
• Removable
• Scaled

Live-Editor

<Seal title="LESSON DONE" upper="Carnegie Mellon" upperArc={120} lower="University" lowerArc={105} />

<Seal title="LESSON DONE" upper="Carnegie Mellon" upperArc={120} lower="University" lowerArc={105} />

Ergebnis

ReferenceError: Provider is not defined