Keryk UI Playground

<RadioGroup options={["One","Two","Three"]} value="One" />

<Slider min={0} max={100} step={1} value={42} />

<Combobox options={["Apple","Orange","Banana"]} value="" />

<Command />

<Accordion items="Section 1,Section 2,Section 3" />

<AlertDialog title="Are you sure?" content="This action cannot be undone." />

<Breadcrumbs items={["Home","Library","Data"]} />

<Button ariaLabel="Button" />

<Card variant="solid" />

<Checkbox label="Accept terms" />

<ContextMenu items={["Copy","Paste","Inspect"]} />

<DatePicker label="Date" />

<Grid cols={3} />

<Input label="Label" placeholder="Type here" />

<LoadingSpinner size={24} />

<Menubar items={["File","Edit","View","Help"]} />

<Modal title="Confirm" content="Are you sure?" />

<Navbar title="Keryk" user="User" />

<NavigationMenu items={["Home","Products","About","Contact"]} />

<Pagination current={1} total={5} />

<ProgressBar value={50} />

<Select label="Pick one" options={["One","Two","Three"]} />

<Sidebar items={["Dashboard","Settings","Billing"]} />

<Stack gap={8} />

<Table columns={["Name","Role","Status"]} rows={3} />

<Tabs tabs={["One","Two","Three"]} />

<Textarea label="Description" placeholder="Type more..." rows={4} />

<Toast message="Saved" variant="info" />