Simple and fully customizable tag (chips) component.
On the Framer Store: Tag Component
- Tags — Sets array of the tags.
- Separator — Sets symbol for using as a separator.
- Align - Sets alignment of the component.
- Margin — Controls margins between the tags.
- Padding — Controls paddings. You could set value for all paddings at once or set them separately.
- Font Size — Sets font size for the tags.
- Border Size — Controls size of the borders. Set to
0
to hide border. - Radius — Controls border radius of the tags.
- Tag State - Set state for customization. Select
disabled
to disable all interactive states or set disabled component style. - Font Color — Sets font color of the tag (for the current tag state).
- Tag Color — Sets color of the tags (for the current tag state).
- Border Color — Controls color of the borders (for the current tag state).
- 1.4.0 — Custom states (hover, down, disabled) added.
- 1.1.0 — Custom separator input added.
- 1.0.0 — Release.
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: deplodog@gmail.com