forked from cerc-io/snowballtools-base
ea44efa0f2
* ⚡️ feat: create tabs component * ♻️ refactor: avoid big conflict on the example page * 🔧 chore: upgrade tailwindcss and install `@radix-ui/react-tabs` * ⚡️ feat: create globe icon component * 🎨 style: adjust vertical tab theme * 📝 docs: add vertical tabs to the example page
28 lines
789 B
TypeScript
28 lines
789 B
TypeScript
import React from 'react';
|
|
import { Checkbox } from 'components/shared/Checkbox';
|
|
|
|
export const renderCheckbox = () => {
|
|
return Array.from({ length: 5 }).map((_, index) => (
|
|
<Checkbox
|
|
id={`checkbox-${index + 1}`}
|
|
key={index}
|
|
label={`Label ${index + 1}`}
|
|
disabled={index === 2 || index === 4 ? true : false}
|
|
checked={index === 4 ? true : undefined}
|
|
value={`value-${index + 1}`}
|
|
/>
|
|
));
|
|
};
|
|
|
|
export const renderCheckboxWithDescription = () => {
|
|
return Array.from({ length: 2 }).map((_, index) => (
|
|
<Checkbox
|
|
id={`checkbox-description-${index + 1}`}
|
|
key={index}
|
|
label={`Label ${index + 1}`}
|
|
description={`Description of the checkbox ${index + 1}`}
|
|
value={`value-with-description-${index + 1}`}
|
|
/>
|
|
));
|
|
};
|