Created Button Builder (markdown)
25
Button-Builder.md
Normal file
25
Button-Builder.md
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
# LittleLink Button Builder
|
||||||
|
|
||||||
|
A simple tool to create custom buttons for your LittleLink page without writing any code.
|
||||||
|
|
||||||
|
## What it does
|
||||||
|
- Design custom buttons with your brand colors
|
||||||
|
- Get a preview of an icon on the button
|
||||||
|
- Get WCAG contrast suggestions for better accessibility
|
||||||
|
- Dark/Light theme preview
|
||||||
|
- Copy/paste ready to go code for your `index.html` and `brands.css` files
|
||||||
|
|
||||||
|
## How to use
|
||||||
|
1. Enter your button text and URL
|
||||||
|
2. Choose your colors (background + text)
|
||||||
|
3. Upload your icon (for preview only)
|
||||||
|
4. Copy the generated code
|
||||||
|
5. Drop your icon file into LittleLink's `images/icons` folder
|
||||||
|
6. Paste the HTML code into `index.html`
|
||||||
|
7. Paste the CSS code into `brands.css`
|
||||||
|
|
||||||
|
That's it—try it now: [https://builder.littlelink.io](https://builder.littlelink.io)
|
||||||
|
|
||||||
|
--
|
||||||
|
|
||||||
|

|
||||||
Reference in New Issue
Block a user