Skip to content

Commit 42e762c

Browse files
sheila-semrushsheila-semrush
committed
added accordion
1 parent ca76799 commit 42e762c

2 files changed

Lines changed: 192 additions & 73 deletions

File tree

‎src/data.ts‎

Lines changed: 0 additions & 73 deletions
This file was deleted.

‎src/data.tsx‎

Lines changed: 192 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,192 @@
1+
import { ACCORDION } from "@semcore/data-table";
2+
import Tooltip from "@semcore/tooltip";
3+
4+
export const data = [
5+
{
6+
name: 'Apple', category: 'Fruit', season: 'Fall', weight: 182, temp: 2,
7+
[ACCORDION]: <>There are more than 7,500 cultivars of apples. Different cultivars are bred for various tastes and uses, including cooking, eating raw, and cider or apple juice production.</>
8+
},
9+
{
10+
name: 'Apricot', category: 'Fruit', season: 'Summer', weight: 35, temp: 0,
11+
[ACCORDION]: <>A stone fruit closely related to peaches, apricots are known for their soft, velvety skin and sweet-tart flavor. They are highly versatile, commonly enjoyed fresh, dried, or preserved in jams and desserts.</>
12+
},
13+
{
14+
name: 'Artichoke', category: 'Vegetable', season: 'Spring', weight: 340, temp: 1,
15+
[ACCORDION]: <>This unique vegetable is actually the large flower bud of a thistle plant. The edible portions consist of the fleshy base of the leaves and the "heart," which is prized for its nutty, earthy flavor.</>
16+
17+
},
18+
{
19+
name: 'Asparagus', category: 'Vegetable', season: 'Spring', weight: 20, temp: 2,
20+
[ACCORDION]: <>Asparagus is a perennial flowering plant whose young shoots are harvested as a spring vegetable. It is packed with vitamins and is often grilled, steamed, or sautéed to highlight its distinct, slightly bitter taste.</>
21+
22+
},
23+
{
24+
name: 'Banana', category: 'Fruit', season: 'Year-round', weight: 120, temp: 13,
25+
[ACCORDION]: <>Botanically classified as a berry, bananas grow in hanging clusters and are one of the world\'s most widely consumed fruits. They are famous for their high potassium content and convenient, biodegradable protective peel.</>
26+
27+
},
28+
{
29+
name: 'Beetroot', category: 'Vegetable', season: 'Winter', weight: 150, temp: 0,
30+
[ACCORDION]: <>Known for its deep purple hue and earthy sweetness, the beetroot is the taproot portion of the beet plant. It can be eaten boiled, roasted, or raw, and is frequently used to produce natural food coloring.</>
31+
32+
},
33+
{
34+
name: 'Blueberry', category: 'Fruit', season: 'Summer', weight: 1, temp: 1,
35+
[ACCORDION]: <>These small, indigo-colored berries are celebrated as a "superfood" due to their high concentration of antioxidants. They grow on perennial flowering shrubs and are a staple in muffins, pancakes, and smoothies.</>
36+
37+
},
38+
{
39+
name: 'Broccoli', category: 'Vegetable', season: 'Fall', weight: 225, temp: 0,
40+
[ACCORDION]: <>A member of the cabbage family, broccoli consists of large edible flower heads and stalks. It is a nutritional powerhouse, rich in Vitamin C and fiber, and can be eaten raw or cooked in various styles.</>
41+
42+
},
43+
{
44+
name: 'Cabbage', category: 'Vegetable', season: 'Winter', weight: 900, temp: 1,
45+
[ACCORDION]: <>Cabbage is a leafy green, red, or white biennial plant grown as an annual vegetable for its dense-leaved heads. It is a primary ingredient in dishes like sauerkraut, coleslaw, and various traditional stews.</>
46+
47+
},
48+
{
49+
name: 'Carrot', category: 'Vegetable', season: 'Year-round', weight: 60, temp: 0,
50+
[ACCORDION]: <>Typically orange in color, though purple and yellow varieties exist, carrots are crunchy root vegetables. they are an excellent source of beta-carotene, which the body converts into Vitamin A for eye health.</>
51+
52+
},
53+
{
54+
name: 'Cauliflower', category: 'Vegetable', season: 'Fall', weight: 575, temp: 0,
55+
[ACCORDION]: <>Cauliflower is a versatile vegetable where the head, or "curd," is composed of undeveloped flower buds. It has gained massive popularity as a low-carb substitute for rice, pizza crust, and even buffalo wings.</>
56+
57+
},
58+
{
59+
name: 'Cherry', category: 'Fruit', season: 'Summer', weight: 8, temp: 0,
60+
[ACCORDION]: <>Cherries are small, fleshy stone fruits that come in two main types: sweet and sour. They are beloved for their vibrant red color and are frequently used in pies, preserves, and as a classic garnish for drinks.</>
61+
62+
},
63+
{
64+
name: 'Cucumber', category: 'Vegetable', season: 'Summer', weight: 300, temp: 10,
65+
[ACCORDION]: <>A member of the gourd family, cucumbers have a high water content and a crisp, refreshing texture. They are most commonly used in salads or pickled in brine to create savory snacks.</>
66+
67+
},
68+
{
69+
name: 'Eggplant', category: 'Vegetable', season: 'Summer', weight: 450, temp: 12,
70+
[ACCORDION]: <>Technicaly a berry, the eggplant is easily recognized by its glossy, deep purple skin and spongy flesh. It is a staple in Mediterranean and Asian cuisines, famously featuring in dishes like moussaka and ratatouille.</>
71+
72+
},
73+
{
74+
name: 'Fig', category: 'Fruit', season: 'Fall', weight: 50, temp: 0,
75+
[ACCORDION]: <>Figs are unique fruits that contain a cluster of many small flowers and seeds inside their soft skin. They have a honey-like sweetness and a chewy texture, often enjoyed fresh or dried with cheese.</>
76+
77+
},
78+
{
79+
name: 'Garlic', category: 'Vegetable', season: 'Summer', weight: 50, temp: 15,
80+
[ACCORDION]: <>Garlic is a pungent bulb used worldwide as a seasoning and for its various medicinal properties. It is a fundamental ingredient in many savory dishes, providing a deep, aromatic base when sautéed or roasted.</>
81+
82+
},
83+
{
84+
name: 'Grape', category: 'Fruit', season: 'Fall', weight: 5, temp: 1,
85+
[ACCORDION]: <>Grapes are botanically berries that grow in clusters on woody vines. They are incredibly diverse, used for eating fresh, dried into raisins, or crushed for juice and winemaking.</>
86+
87+
},
88+
{
89+
name: 'Kale', category: 'Vegetable', season: 'Winter', weight: 60, temp: 0,
90+
[ACCORDION]: <>This hardy, leafy green is a member of the cabbage family and is known for its tough, curly leaves. It has become a popular health food, often used in salads, smoothies, or baked into "kale chips."</>
91+
92+
},
93+
{
94+
name: 'Kiwi', category: 'Fruit', season: 'Winter', weight: 70, temp: 0,
95+
[ACCORDION]: <>Also known as the Chinese gooseberry, the kiwi has a fuzzy brown exterior and bright green or gold flesh. It offers a tangy, tropical flavor and contains more Vitamin C per gram than an orange.</>
96+
97+
},
98+
{
99+
name: 'Lemon', category: 'Fruit', season: 'Winter', weight: 100, temp: 10,
100+
[ACCORDION]: <>Lemons are bright yellow citrus fruits known for their intensely acidic juice and fragrant zest. They are essential in the culinary world for balancing flavors, making preserves, and creating refreshing beverages.</>
101+
102+
},
103+
{
104+
name: 'Lettuce', category: 'Vegetable', season: 'Spring', weight: 500, temp: 1,
105+
[ACCORDION]: <>Lettuce is a leafy vegetable primarily grown for its use in salads and sandwiches. There are many varieties, ranging from crisp iceberg to buttery Boston, each providing different textures and nutrient profiles.</>
106+
107+
},
108+
{
109+
name: 'Mango', category: 'Fruit', season: 'Summer', weight: 330, temp: 12,
110+
[ACCORDION]: <>Often called the "king of fruits," the mango is a tropical stone fruit with juicy, sweet orange flesh. They are widely grown in warm climates and are used in everything from salsas to lassis.</>
111+
112+
},
113+
{
114+
name: 'Onion', category: 'Vegetable', season: 'Fall', weight: 110, temp: 15,
115+
[ACCORDION]: <>Onions are pungent bulbs that serve as a foundational ingredient in almost every world cuisine. When cooked, their sharp flavor mellows and becomes sweet, making them vital for soups, sauces, and roasts.</>
116+
117+
},
118+
{
119+
name: 'Orange', category: 'Fruit', season: 'Winter', weight: 130, temp: 4,
120+
[ACCORDION]: <>Oranges are a popular citrus fruit prized for their sweet juice and high Vitamin C content. They are grown on evergreen trees in tropical and subtropical climates and are most commonly consumed as a breakfast juice.</>
121+
122+
},
123+
{
124+
name: 'Peach', category: 'Fruit', season: 'Summer', weight: 150, temp: 0,
125+
[ACCORDION]: <>Peaches are fuzzy-skinned stone fruits known for their succulent, sweet flesh and floral aroma. They are a quintessential summer fruit, often featured in cobblers, jams, and fresh salads.</>
126+
127+
},
128+
{
129+
name: 'Pear', category: 'Fruit', season: 'Fall', weight: 180, temp: 0,
130+
[ACCORDION]: <>Pears are bell-shaped fruits with a unique, slightly gritty texture caused by "stone cells" in their flesh. They are delicious when eaten raw but also hold their shape well when poached or baked.</>
131+
132+
},
133+
{
134+
name: 'Radish', category: 'Vegetable', season: 'Spring', weight: 20, temp: 1,
135+
[ACCORDION]: <>Radishes are root vegetables with a crisp texture and a peppery, biting flavor. They come in many shapes and colors and are most often used raw to add a refreshing crunch to salads.</>
136+
137+
},
138+
{
139+
name: 'Spinach', category: 'Vegetable', season: 'Spring', weight: 30, temp: 0,
140+
[ACCORDION]: <>Spinach is a nutrient-dense leafy green that can be eaten raw in salads or cooked into savory dishes. It is famous for its high iron and folate content and shrinks significantly when heated.</>
141+
142+
},
143+
{
144+
name: 'Strawberry', category: 'Fruit', season: 'Spring', weight: 12, temp: 2,
145+
[ACCORDION]: <>Strawberries are easily recognized by their bright red color, juicy texture, and external seeds. They are among the most popular berries globally, widely used in desserts, ice creams, and as a fresh snack.</>
146+
147+
},
148+
{
149+
name: 'Zucchini', category: 'Vegetable', season: 'Summer', weight: 200, temp: 7,
150+
[ACCORDION]: <>Also known as courgette, the zucchini is a summer squash harvested before its rind hardens. It has a mild flavor and a tender texture, making it perfect for grilling, sautéing, or spiralizing into "zoodles."</>
151+
152+
},
153+
];
154+
155+
export const columns = [
156+
{
157+
name: 'name',
158+
children: 'Name',
159+
enabled: true,
160+
sortable: true
161+
},
162+
{
163+
name: 'category',
164+
children: 'Category',
165+
enabled: true,
166+
sortable: true,
167+
},
168+
{
169+
name: 'season',
170+
children: 'Season',
171+
enabled: true,
172+
sortable: true
173+
},
174+
{
175+
name: 'weight',
176+
children: 'Weight (g)',
177+
gtcWidth: 'max-content',
178+
justifyContent: 'right',
179+
enabled: true,
180+
sortable: true,
181+
},
182+
{
183+
name: 'temp',
184+
children: 'Storage temp. (℃)',
185+
tag: Tooltip,
186+
title: 'Ideal temperature needed to preserve the best taste and texture of fruits and vegetables during storage.',
187+
gtcWidth: 'max-content',
188+
justifyContent: 'right',
189+
enabled: false,
190+
sortable: true,
191+
},
192+
]

0 commit comments

Comments
 (0)