Component Structure
Component Structure
Template is built based on the structure of components (Button, ImageLazyload, Input, Dropdown, Modal...). This makes it very easy to customize.
Example Checkbox
component:
<div className="flex items-start">
<div className="flex items-center h-5">
<input
id={name}
name={name}
type="checkbox"
className="focus:ring-action-primary h-4 w-4 text-primary border-primary"
/>
</div>
{label && (
<div className="ml-3 text-sm">
<label
htmlFor={name}
className="text-paragraph-small text-black dark:text-white"
>
{label}
</label>
{subLabel && <p className="text-neutral-500">{subLabel}</p>}
</div>
)}
</div>
Last updated
Was this helpful?