Loading...
Loading...
The TipsList component displays tips, advice, or information in multiple layouts with category grouping, priority highlighting, and responsive design. Perfect for travel guides, how-to articles, and feature lists.
Default grid layout with 2 columns on desktop, automatically responsive.
Popular hotels and agriturismos in Tuscany and the Amalfi Coast book up months in advance, especially during peak season (May-September). Reserve at least 3-4 months ahead for the best selection and prices.
While many Italians speak English, especially in tourist areas, learning basic phrases like "buongiorno" (good morning), "per favore" (please), and "grazie" (thank you) goes a long way in showing respect and appreciation.
Trenitalia and Italo offer significant discounts when booking train tickets 2-3 months in advance. High-speed trains between major cities can be 50-70% cheaper with early booking.
Many trattorias, cafes, and small shops in Italy prefer cash, especially for small purchases. Always carry €50-100 in cash for tips, street food, and small purchases.
Aperitivo (pre-dinner drinks with snacks) typically runs from 6-9 PM. Many bars offer a buffet or small plates with drinks. It's a great way to experience local culture and save money on dinner.
When visiting churches and cathedrals, shoulders and knees must be covered. Carry a light scarf or shawl to cover up if needed. Many churches will turn away visitors wearing shorts or tank tops.
Compact grid layout with 3 columns for more items per row.
Popular hotels and agriturismos in Tuscany and the Amalfi Coast book up months in advance, especially during peak season (May-September). Reserve at least 3-4 months ahead for the best selection and prices.
While many Italians speak English, especially in tourist areas, learning basic phrases like "buongiorno" (good morning), "per favore" (please), and "grazie" (thank you) goes a long way in showing respect and appreciation.
Trenitalia and Italo offer significant discounts when booking train tickets 2-3 months in advance. High-speed trains between major cities can be 50-70% cheaper with early booking.
Many trattorias, cafes, and small shops in Italy prefer cash, especially for small purchases. Always carry €50-100 in cash for tips, street food, and small purchases.
Aperitivo (pre-dinner drinks with snacks) typically runs from 6-9 PM. Many bars offer a buffet or small plates with drinks. It's a great way to experience local culture and save money on dinner.
When visiting churches and cathedrals, shoulders and knees must be covered. Carry a light scarf or shawl to cover up if needed. Many churches will turn away visitors wearing shorts or tank tops.
Vertical list layout perfect for longer content or mobile-first designs.
Popular hotels and agriturismos in Tuscany and the Amalfi Coast book up months in advance, especially during peak season (May-September). Reserve at least 3-4 months ahead for the best selection and prices.
While many Italians speak English, especially in tourist areas, learning basic phrases like "buongiorno" (good morning), "per favore" (please), and "grazie" (thank you) goes a long way in showing respect and appreciation.
Trenitalia and Italo offer significant discounts when booking train tickets 2-3 months in advance. High-speed trains between major cities can be 50-70% cheaper with early booking.
Many trattorias, cafes, and small shops in Italy prefer cash, especially for small purchases. Always carry €50-100 in cash for tips, street food, and small purchases.
Aperitivo (pre-dinner drinks with snacks) typically runs from 6-9 PM. Many bars offer a buffet or small plates with drinks. It's a great way to experience local culture and save money on dinner.
Collapsible accordion layout that saves space while keeping content accessible.
Filter tips by category to show only relevant tips for a specific phase of travel.
Popular hotels and agriturismos in Tuscany and the Amalfi Coast book up months in advance, especially during peak season (May-September). Reserve at least 3-4 months ahead for the best selection and prices.
While many Italians speak English, especially in tourist areas, learning basic phrases like "buongiorno" (good morning), "per favore" (please), and "grazie" (thank you) goes a long way in showing respect and appreciation.
Download Google Maps offline for regions you'll be visiting. This saves data and ensures you can navigate even without internet, especially useful in rural areas of Tuscany, Umbria, and Puglia.
Italian cities are filled with cobblestone streets and stairs. Pack a lightweight, wheeled suitcase or backpack that you can easily carry. Many hotels and B&Bs don't have elevators.
Medical care in Italy can be expensive for tourists. Ensure your travel insurance covers medical emergencies, trip cancellation, and lost luggage. Many credit cards include basic travel insurance.
When multiple categories are present and no filter is applied, tips are automatically grouped by category.
Popular hotels and agriturismos in Tuscany and the Amalfi Coast book up months in advance, especially during peak season (May-September). Reserve at least 3-4 months ahead for the best selection and prices.
While many Italians speak English, especially in tourist areas, learning basic phrases like "buongiorno" (good morning), "per favore" (please), and "grazie" (thank you) goes a long way in showing respect and appreciation.
Download Google Maps offline for regions you'll be visiting. This saves data and ensures you can navigate even without internet, especially useful in rural areas of Tuscany, Umbria, and Puglia.
Italian cities are filled with cobblestone streets and stairs. Pack a lightweight, wheeled suitcase or backpack that you can easily carry. Many hotels and B&Bs don't have elevators.
Medical care in Italy can be expensive for tourists. Ensure your travel insurance covers medical emergencies, trip cancellation, and lost luggage. Many credit cards include basic travel insurance.
Trenitalia and Italo offer significant discounts when booking train tickets 2-3 months in advance. High-speed trains between major cities can be 50-70% cheaper with early booking.
Many credit cards charge foreign transaction fees. Use cards that don't charge these fees (like Chase Sapphire, Capital One, or travel-specific cards) to save 3% on every purchase.
Many trattorias, cafes, and small shops in Italy prefer cash, especially for small purchases. Always carry €50-100 in cash for tips, street food, and small purchases.
Aperitivo (pre-dinner drinks with snacks) typically runs from 6-9 PM. Many bars offer a buffet or small plates with drinks. It's a great way to experience local culture and save money on dinner.
When visiting churches and cathedrals, shoulders and knees must be covered. Carry a light scarf or shawl to cover up if needed. Many churches will turn away visitors wearing shorts or tank tops.
Many shops and restaurants close from 1-4 PM for riposo (siesta). Plan your day accordingly - this is when locals rest, and it's a great time to visit museums or relax.
Most restaurants charge a "coperto" (cover charge) of €2-5 per person, which covers bread and table service. This is standard and listed on menus. It's not a tip - leave a separate tip (10-15%) for good service.
Before boarding regional trains, validate your ticket at the yellow machines on platforms. Failure to validate results in a fine. High-speed train tickets are pre-validated and don't need stamping.
Italy has excellent public water fountains (nasoni) in cities like Rome. The water is safe to drink and free. Bring a reusable bottle to save money and reduce plastic waste.
Many museums and churches have photography restrictions. Flash photography is almost always prohibited. Some places charge extra for photography permits. Always ask permission before photographing people.
Visit local markets for fresh produce, cheese, and local specialties. Markets are often open in the morning and offer authentic experiences plus better prices than tourist shops.
Tips with high priority are highlighted with special styling and a "Top Tip" badge.
Popular hotels and agriturismos in Tuscany and the Amalfi Coast book up months in advance, especially during peak season (May-September). Reserve at least 3-4 months ahead for the best selection and prices.
While many Italians speak English, especially in tourist areas, learning basic phrases like "buongiorno" (good morning), "per favore" (please), and "grazie" (thank you) goes a long way in showing respect and appreciation.
Trenitalia and Italo offer significant discounts when booking train tickets 2-3 months in advance. High-speed trains between major cities can be 50-70% cheaper with early booking.
import TipsList from '@/components/composite/TipsList';
import { Plane, Ticket, UtensilsCrossed } from 'lucide-react';
interface Tip {
id: string;
title: string;
description: string;
icon?: React.ReactNode;
category?: 'before-you-go' | 'while-there' | 'booking' | 'general';
priority?: 'high' | 'medium' | 'low';
}
const tips: Tip[] = [
{
id: '1',
title: 'Book Accommodations Early',
description: 'Popular hotels in Tuscany book up months in advance...',
icon: <Ticket className="w-6 h-6" />,
category: 'before-you-go',
priority: 'high',
},
{
id: '2',
title: 'Learn Basic Italian Phrases',
description: 'Learning basic phrases shows respect and appreciation...',
icon: <Plane className="w-6 h-6" />,
category: 'before-you-go',
priority: 'high',
},
];
// Grid layout (default)
<TipsList tips={tips} layout="grid" columns={2} />
// List layout
<TipsList tips={tips} layout="list" />
// Accordion layout
<TipsList tips={tips} layout="accordion" />
// Filter by category
<TipsList tips={tips} category="before-you-go" layout="grid" />
// Automatic category grouping (when multiple categories present)
<TipsList tips={tips} layout="grid" columns={2} />tips: Tip[] - Array of tip objects (required)layout?: 'grid' | 'list' | 'accordion' - Layout variant (default: 'grid')columns?: number - Number of columns for grid layout (default: 2)category?: string - Filter tips by categoryclassName?: string - Additional CSS classesid: string - Unique identifier (required)title: string - Tip title (required)description: string - Tip description (required)icon?: React.ReactNode - Custom icon componentcategory?: 'before-you-go' | 'while-there' | 'booking' | 'general' - Tip categorypriority?: 'high' | 'medium' | 'low' - Tip priority level