Blocks
Icon
How to use the Icon block in the Meditative Folks Theme.
Icon
At a glance
Displays one of the theme’s built-in icons at a chosen size.
Used in
- Configure where this block is available in the parent section.
Settings
Icon
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Icon | Controls “Icon” on the storefront. Open the theme editor to preview live. | arrow-right | Always |
Style
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Icon size | Controls “Icon size” on the storefront. Open the theme editor to preview live. | 24 | Always |
| Icon color | Controls “Icon color” on the storefront. Open the theme editor to preview live. | #111111 | Always |
Layout
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Alignment | Controls “Alignment” on the storefront. Open the theme editor to preview live. | left | Always |
Accessibility
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Accessibility label | Optional text for screen readers. | — | Always |
Setting details
Each control from the tables above, explained simply:
Icon
Controls “Icon” on the storefront. Open the theme editor to preview live. Default: arrow-right.
Icon size
Controls “Icon size” on the storefront. Open the theme editor to preview live. Default: 24.
Icon color
Controls “Icon color” on the storefront. Open the theme editor to preview live. Default: #111111.
Alignment
Controls “Alignment” on the storefront. Open the theme editor to preview live. Default: left.
Accessibility label
Optional text for screen readers. Default: —.
Tips
- Place this block inside a wrapper if it should only show on certain screen sizes.
- Preview in the theme editor on mobile and desktop.