Croissant Modal Button

This component is a button that opens the Croissant Information Modal. It will present as an un-styled line of text, which can be customized to match your UI.

Required Attributes

text

Type: string

This will set the button's label.

Example

<croissant-modal-button text="Learn More"></croissant-modal-button>

Optional Attributes

payout-method

• Learn More

custom-modal-content

• Learn More

Customization

This component returns a button and simple span. The styling of the internal span can be modified by hooking into the CSS class name:.croissant-modal-button__text .

Example

<croissant-modal-button></croissant-modal-button>

.croissant-modal-button__text {
      color: hotpink;
      font-size: 18px,
      line-height: 14px;
      letter-spacing: 0;
      text-decoration: underline;
 };

Screenshot