# Screenshots

## Frontend Screenshots

<figure><img src="https://470724960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJGO4Gff9TG8gz0gouFdk%2Fuploads%2F4FBhf4r9CUtFd6uwVdxH%2Falerts-dlx-editor-chakra-solid-preview.jpg?alt=media&#x26;token=e5c7db65-dea7-4ace-a007-88d007848a5a" alt=""><figcaption><p>Chakra UI Solid Variant</p></figcaption></figure>

<figure><img src="https://470724960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJGO4Gff9TG8gz0gouFdk%2Fuploads%2FEhQvNuJvutTgYCFofnnW%2Falerts-dlx-editor-material-success-preview.jpg?alt=media&#x26;token=6ff4b9c0-ce7c-48c2-82a9-5490fcd1712f" alt=""><figcaption><p>Success Alert Block</p></figcaption></figure>

## Block Editor Screenshots

Here are several screenshots from within the Block Editor.

<div><figure><img src="https://470724960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJGO4Gff9TG8gz0gouFdk%2Fuploads%2FyGIhyCwJzQhgJfiL3OVG%2Falerts-dlx-editor-three-blocks.jpg?alt=media&#x26;token=11c62346-a2cc-4f6b-8be5-18688b3f86b8" alt=""><figcaption><p>Three Alert Blocks in the Block Editor</p></figcaption></figure> <figure><img src="https://470724960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJGO4Gff9TG8gz0gouFdk%2Fuploads%2FXHje4nDEGM5vefvxvU1T%2Falerts-dlx-editor-block-icon-selector.jpg?alt=media&#x26;token=ecb51391-8c8f-4ff7-a0e1-1001c4d3bb86" alt=""><figcaption><p>Advanced Icon Selector</p></figcaption></figure> <figure><img src="https://470724960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJGO4Gff9TG8gz0gouFdk%2Fuploads%2FhzNP4Mu6zbw3f4ttyAzR%2Falerts-dlx-editor-block-alert-types-bootstrap.jpg?alt=media&#x26;token=28ac9398-d917-4171-98d5-99c08890e30c" alt=""><figcaption><p>Bootstrap Theme Styles</p></figcaption></figure> <figure><img src="https://470724960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJGO4Gff9TG8gz0gouFdk%2Fuploads%2FKWChOxZ8kFFncFlr6BVc%2Falerts-dlx-editor-alert-settings-side-panel.jpg?alt=media&#x26;token=ea14f2b2-a3e7-4e5a-b2bf-1d478a3a3fd9" alt=""><figcaption><p>Alert Block Settings</p></figcaption></figure> <figure><img src="https://470724960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJGO4Gff9TG8gz0gouFdk%2Fuploads%2FMfwWi1AORMY0RfE1cB2V%2Falerts-dlx-editor-block-alert-types-material.jpg?alt=media&#x26;token=36dc0cd3-eb90-4430-bf46-906a8295f8e9" alt=""><figcaption><p>Material UI Theme Styles</p></figcaption></figure> <figure><img src="https://470724960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJGO4Gff9TG8gz0gouFdk%2Fuploads%2FioNHH1gTLZimHF5EFzTt%2Falerts-dlx-editor-block-style-preview.jpg?alt=media&#x26;token=30c6a267-a72e-49f0-8d82-0a9f9f7d2377" alt=""><figcaption><p>Chakra UI Theme Styles with Theme Preview</p></figcaption></figure></div>