Skip to main content
Home
Browse packagesDocsSign in

@lunchbox/ui@2.0.26

latest
CarcajadaArtificial/lunchbox

UI Library 🍱 for Deno 🦕 Fresh 🍋

This package works with Node.js, Deno, BunIt is unknown whether this package works with Cloudflare Workers, Browsers
It is unknown whether this package works with Cloudflare Workers
This package works with Node.js
This package works with Deno
This package works with Bun
It is unknown whether this package works with Browsers
JSR Score
100%
Published
2 weeks ago (2.0.26)

New Ticket: Report package

Please provide a reason for reporting this package. We will review your report and take appropriate action.

Please review the JSR usage policy before submitting a report.

variable Input.Fieldset

Groups related form controls together both semantically and visually. Adds a subtle border and background to create visual separation between different sections of a form. Essential for organizing complex forms with multiple related inputs. For complete fieldset components, see FieldsetCheck for checkboxes or FieldsetRadio for radio buttons.

Examples

Usage

import * as Input from 'lunchbox/atoms/Input.tsx';

<Input.Fieldset class="my-fieldset">
  <Input.Radio name="group" value="option1" />
  <Input.Radio name="group" value="option2" />
</Input.Fieldset>

Type

(p: iAtom<HTMLFieldSetElement>) => JSX.Element

Add Package

deno add jsr:@lunchbox/ui

Import symbol

import { Input } from "@lunchbox/ui/atoms";

---- OR ----

Import directly with a jsr specifier

import { Input } from "jsr:@lunchbox/ui/atoms";

Add Package

npx jsr add @lunchbox/ui

Import symbol

import { Input } from "@lunchbox/ui/atoms";

Add Package

yarn dlx jsr add @lunchbox/ui

Import symbol

import { Input } from "@lunchbox/ui/atoms";

Add Package

pnpm dlx jsr add @lunchbox/ui

Import symbol

import { Input } from "@lunchbox/ui/atoms";

Add Package

bunx jsr add @lunchbox/ui

Import symbol

import { Input } from "@lunchbox/ui/atoms";