Buttons
Figma
How to add
- Locate the Assets tab in the Layers Panel.
- There are two ways to locate the
Button
component needed:- Use the search bar to search for a component grouping name or variation name.
- Scroll through the folders list and open the grouping.
- Once the component needed is located, click and drag it into the frame/artboard.
How to use
- Select the
Button
in the frame/artboard. - Locate and expand the highlighted layer in the Layers Panel.
- Edit the text. If the text wraps over one line, resize the width of the button to avoid line breaks.
- Never add height to buttons, only resize them horizontally in width.
- For buttons that contain a nested icon:
- Locate and select the
Icon > Nested icon > Placeholder Icon
layer in the Layers Panel. - Locate the Design tab in the Inspector Panel.
- Under the Instance section, click the icon name to expand the menu.
- Choose a new icon.
- Locate and select the
API
Looking for the API table of available props? We got you covered in the Storybook 👏
Edit this page on GitHub