menu

FramerX

A community of designers and developers who are interested in Framer X

Channels
Team

Resizable buttons

April 15, 2020 at 5:50pm

Resizable buttons

April 15, 2020 at 5:50pm
Hi everyone, I was trying to build a resizable button which changes width depending upon the text inside. Is there any tutorial available or any help?
The button component in the Framer Base Kit is working like that when the resize property is enabled.

April 20, 2020 at 7:20am
Hey there! Our official channel is here if you'd like quicker support :) https://spectrum.chat/framer
Normal html buttons will resize to their parent container by default :) A simple boilerplate might look like this:
import * as React from 'react';
import { Frame } from 'framer';
export function Button({text}) {
return <button >{text}</button>;
}
  • reply
  • like
Here's a good place to also start creating code components ! https://www.framer.com/learn/lesson/code-components/
  • reply
  • like