mirror of
https://github.com/tabler/tabler.git
synced 2026-08-29 13:21:29 +04:00
Paweł KunaandStarDev
575d68572f
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
35 lines
792 B
Plaintext
35 lines
792 B
Plaintext
---
|
|
import DefaultLayout from '@shared/layouts/DefaultLayout.astro';
|
|
import Card from '@ui/Card.astro';
|
|
import CardBody from '@ui/CardBody.astro';
|
|
import CardTitle from '@ui/CardTitle.astro';
|
|
import Colorpicker from '@ui/Colorpicker.astro';
|
|
import site from '@data/site.json';
|
|
|
|
const colors = Object.values(site.colors) as { hex: string }[];
|
|
---
|
|
|
|
<DefaultLayout
|
|
title="Color picker"
|
|
pageHeader="Color picker"
|
|
pageMenu="plugins.colorpicker"
|
|
pageLibs={['coloris.js']}
|
|
>
|
|
<Card>
|
|
<CardBody>
|
|
<CardTitle>Basic</CardTitle>
|
|
<div class="row g-3">
|
|
{
|
|
colors.map((color, index) => (
|
|
<div class="col-2">
|
|
<div>
|
|
<Colorpicker value={color.hex} id={index + 1} format="hex" />
|
|
</div>
|
|
</div>
|
|
))
|
|
}
|
|
</div>
|
|
</CardBody>
|
|
</Card>
|
|
</DefaultLayout>
|