https://github.com/davidpett/sketch-single-line-button

Single Line Button plug-in allows to resize a button symbol based on the width of the text
https://github.com/davidpett/sketch-single-line-button

button sketch sketch-plugin

Last synced: 3 months ago
JSON representation

Single Line Button plug-in allows to resize a button symbol based on the width of the text

• Host: GitHub
• URL: https://github.com/davidpett/sketch-single-line-button
• Owner: davidpett
• Created: 2017-09-25T22:36:29.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-09-25T22:55:17.000Z (over 7 years ago)
• Last Synced: 2024-12-27T01:42:56.280Z (4 months ago)
• Topics: button, sketch, sketch-plugin
• Language: JavaScript
• Size: 4.97 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Single Line Button 

## Single Line Button plugin allows to resize a button symbol based on the width of the text

[![Install Single Line Button with Sketchpacks](http://sketchpacks-com.s3.amazonaws.com/assets/badges/sketchpacks-badge-install.png "Install Single Line Button with Sketchpacks")](https://sketchpacks.com/davidpett/singleLineButton/install)

In order to use this, you must have a symbol with a text layer. Once you override the text value, use cmd+shift+b to adjust the size appropriately.

![process](process.gif)

You may use the example.sketch file to see how the button is constructed and how it resizes.