Skip to content

Examples

Async¶

Default `window.crate` object ¶

See the Pen Standard Crate by Advaith (@advaith1) on CodePen.

Initialising a custom crate object ¶

See the Pen Custom crate object by Advaith (@advaith1) on CodePen.

Multiple instances at the same time ¶

See the Pen Multiple crate instances by Advaith (@advaith1) on CodePen.

Updating the state ¶

See the Pen Updating crate state by Advaith (@advaith1) on CodePen.

Dynamically interacting with the button ¶

See the Pen Dynamically interacting with crate by Advaith (@advaith1) on <a

Sync¶

We recommend using the async version of the API, as it'll make your website way faster. The synchronous version should only be used if it's being dynamically inserted into your website after the page's initial load (eg. A custom JS script)

Initialising a custom crate object ¶

See the Pen Sync crate by Advaith (@advaith1) on CodePen.