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