Seal

Um selo de aprovação.

Opções

• active | boolean: controla se o selo está ativo ou cinzento. Default: true.
• onClick | function: função de chamada de retorno invocada quando a nota é clicada. Default: onClick() {}.
• scale | number: tamanho do objeto (se não estiver explicitamente definido, o selo não é redimensionado). Default: none.
• innerStyle | object: o estilo para o círculo interno. Default: {}.
• lower | string: o texto inferior. Default: 'The lower text'.
• lowerArc | number: o arco para o texto inferior. Default: 150.
• noOrnaments | boolean: previne a renderização dos ornamentos. Default: false.
• removable | boolean: controla se a nota é removida ao ser clicada. Default: false.
• style | object: o estilo para o elemento. Default: none.
• title | (string|node): título do selo. Default: 'Enter a title'.
• upper | string: o texto superior. Default: 'The upper text'.
• upperArc | number: o arco para o texto superior. Default: 150.

Exemplos

• Minimal
• With Style
• Removable
• Scaled

Editor ao vivo

<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} />

Resultado

ReferenceError: Provider is not defined