Tags Components

Tags Components cover Tags Dark Components cover

React Native Tags / Chips component to tag and categorize items in your app.

  • Support for all Tailwind CSS color variants
  • Three main variants: simple tags, tags with icons, and dismissible tags with close buttons
  • Size variants (sm, md, lg) with appropriate spacing and icon sizes
  • Outline variant with border styling
  • Dark mode support with appropriate color contrasts
  • Interactive features including onPress handler and close button
  • Consistent styling with other components in the library
  • Proper TypeScript types and interfaces
  • Flexible className prop for custom styling

Simple Tag Component

React Native simple tag component that support all TailwindCSS color variants and multiple size props.

Preview

Simple Tag light component
Simple Tag dark component

Unlock the code

Upgrade to Hestia Kit Pro to unlock the code.

Outline Tag Component

React Native outline tag component that support all TailwindCSS color variant, multiple size and outline.

Preview

Outline Tag light component
Outline Tag dark component

Unlock the code

Upgrade to Hestia Kit Pro to unlock the code.

Tag With Icon Component

Tag with icon component that supports custom icon and all TailwindCSS color variants.

Preview

Tag With Icon light component
Tag With Icon dark component

Unlock the code

Upgrade to Hestia Kit Pro to unlock the code.

Dismissible Tag Component

Dismissible tags which custom close button, support all color variants and custom actions.

Preview

Dismissible Tag light component
Dismissible Tag dark component

Unlock the code

Upgrade to Hestia Kit Pro to unlock the code.

Interactive Tag Component

Interactive tag with custom action such as alert, prompt or notification.

Preview

Interactive Tag light component
Interactive Tag dark component

Unlock the code

Upgrade to Hestia Kit Pro to unlock the code.

Hestia Kit Premium

You have to be signed in to favorite this

Share

Hestia Kit Premium

This is Hestia Kit premium component