Tags
The Framer Tags component allows you to display a list of tags. This component is useful for displaying categories, highlighting keywords, showcasing topics...
The Framer Tags component offers a solution for displaying a list of tags on your website. This component is useful when you need to showcase categorized content, highlight keywords...
To implement the Framer Tags component, follow these steps:
Drag and drop the "Tags" component from the component list onto your canvas.
Configure the following properties:
Button: Select the component on your canvas where you want to display the list of tags. This component should be outside the Desktop, Tablet, and Mobile breakpoints
and it should have a "Title" property.
Text: Enter the content or text that you want to split into individual tags.
Split: Specify the character or delimiter that the component should use to separate the content into individual tags (e.g., comma, space, or any other custom character).
Gap: Adjust the spacing between each tag by specifying the desired gap value.
Direction: Choose whether you want the tags to be displayed horizontally or vertically.
With these settings, the Framer Tags component will dynamically generate and display a list of tags based on your provided content and configurations.
Tags
The Framer Tags component allows you to display a list of tags. This component is useful for displaying categories, highlighting keywords, showcasing topics...
The Framer Tags component offers a solution for displaying a list of tags on your website. This component is useful when you need to showcase categorized content, highlight keywords...
To implement the Framer Tags component, follow these steps:
Drag and drop the "Tags" component from the component list onto your canvas.
Configure the following properties:
Button: Select the component on your canvas where you want to display the list of tags. This component should be outside the Desktop, Tablet, and Mobile breakpoints
and it should have a "Title" property.
Text: Enter the content or text that you want to split into individual tags.
Split: Specify the character or delimiter that the component should use to separate the content into individual tags (e.g., comma, space, or any other custom character).
Gap: Adjust the spacing between each tag by specifying the desired gap value.
Direction: Choose whether you want the tags to be displayed horizontally or vertically.
With these settings, the Framer Tags component will dynamically generate and display a list of tags based on your provided content and configurations.
Tags
The Framer Tags component allows you to display a list of tags. This component is useful for displaying categories, highlighting keywords, showcasing topics...
The Framer Tags component offers a solution for displaying a list of tags on your website. This component is useful when you need to showcase categorized content, highlight keywords...
To implement the Framer Tags component, follow these steps:
Drag and drop the "Tags" component from the component list onto your canvas.
Configure the following properties:
Button: Select the component on your canvas where you want to display the list of tags. This component should be outside the Desktop, Tablet, and Mobile breakpoints
and it should have a "Title" property.
Text: Enter the content or text that you want to split into individual tags.
Split: Specify the character or delimiter that the component should use to separate the content into individual tags (e.g., comma, space, or any other custom character).
Gap: Adjust the spacing between each tag by specifying the desired gap value.
Direction: Choose whether you want the tags to be displayed horizontally or vertically.
With these settings, the Framer Tags component will dynamically generate and display a list of tags based on your provided content and configurations.
More Components
Social Media Share Buttons
The Framer Social Media Share Buttons let you share your page on platforms like Twitter, LinkedIn, Instagram, Facebook, Pinterest, WhatsApp, and Reddit.
Download Button
Streamline file sharing with Framer's Download Button component, allowing you to create downloadable resources for any element.
Before and After Image Slider
The Framer Before and After component slider allows you to compare two images side by side by sliding to reveal or hide parts of each.
Scroll Progress Percentage
The Framer Scroll Progress Percentage component showcases the user's scrolling progress on the current page.
Stop Scroll
The Framer Stop Scroll component temporarily disables scrolling, perfect for preloaders or blocking interactions during events.
Scroll to Top Button
The Framer Scroll to Top Button component allows you to add a button to your website that, when clicked, will smoothly scroll the page back to the top.
More Components
Social Media Share Buttons
The Framer Social Media Share Buttons let you share your page on platforms like Twitter, LinkedIn, Instagram, Facebook, Pinterest, WhatsApp, and Reddit.
Download Button
Streamline file sharing with Framer's Download Button component, allowing you to create downloadable resources for any element.
Before and After Image Slider
The Framer Before and After component slider allows you to compare two images side by side by sliding to reveal or hide parts of each.
Scroll Progress Percentage
The Framer Scroll Progress Percentage component showcases the user's scrolling progress on the current page.
Stop Scroll
The Framer Stop Scroll component temporarily disables scrolling, perfect for preloaders or blocking interactions during events.
Scroll to Top Button
The Framer Scroll to Top Button component allows you to add a button to your website that, when clicked, will smoothly scroll the page back to the top.
More Components
Social Media Share Buttons
The Framer Social Media Share Buttons let you share your page on platforms like Twitter, LinkedIn, Instagram, Facebook, Pinterest, WhatsApp, and Reddit.
Download Button
Streamline file sharing with Framer's Download Button component, allowing you to create downloadable resources for any element.
Before and After Image Slider
The Framer Before and After component slider allows you to compare two images side by side by sliding to reveal or hide parts of each.
Scroll Progress Percentage
The Framer Scroll Progress Percentage component showcases the user's scrolling progress on the current page.
Stop Scroll
The Framer Stop Scroll component temporarily disables scrolling, perfect for preloaders or blocking interactions during events.
Scroll to Top Button
The Framer Scroll to Top Button component allows you to add a button to your website that, when clicked, will smoothly scroll the page back to the top.
Let's take it to the next level.
Let's take it to the next level.
Let's take it to the next level.