Overview

Simple and fully customizable tag (chips) component.
On the Framer Store: Tag Component

Features

1. Tags — Sets array of the tags.
2. Separator — Sets symbol for using as a separator.
3. Align - Sets alignment of the component.
4. Margin — Controls margins between the tags.
5. Padding — Controls paddings. You could set value for all paddings at once or set them separately.
6. Font Size — Sets font size for the tags.
7. Border Size — Controls size of the borders. Set to 0 to hide border.
8. Radius — Controls border radius of the tags.
9. Tag State - Set state for customization. Select disabled to disable all interactive states or set disabled component style.
10. Font Color — Sets font color of the tag (for the current tag state).
11. Tag Color — Sets color of the tags (for the current tag state).
12. Border Color — Controls color of the borders (for the current tag state).

Changes

• 1.4.0 — Custom states (hover, down, disabled) added.
• 1.1.0 — Custom separator input added.
• 1.0.0 — Release.

Support

To improve my components and make even more I have to pay for FramerX subscription. If you want to support my work consider making a donation.
Make a dontation

---

Fell free to contact me if you have any questions, feature idea or component request.
Twitter: @deplodog ・ Mail: [email protected]