SShortSingh.
TopTechnologyAI & MLStartupsProgrammingScienceBusinessFinanceCrypto & Web3World
Back to feed
Programming

How to Install and Use Shadcn Checkbox Components in React and Next.js

0
·1 views

A developer guide published on DEV Community walks through installing and using Shadcn Checkbox components in React and Next.js projects. The component can be added via the Shadcn CLI with a single command or built manually using Radix UI and Tailwind CSS. Multiple size variants are available to suit different layouts, from compact data tables to touch-friendly mobile interfaces. The components support both controlled and uncontrolled states and integrate with popular libraries like React Hook Form and Zod. A collection of 16 open-source Shadcn Checkbox components is also referenced for developers looking for ready-to-use, customizable options.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

Log in to join the discussion and vote.

Log in

Related stories

0
ProgrammingDEV Community ·

Developer Uses Spec-Driven Development to Build a Rogue-Like Game for Kiro's First Birthday

A developer used spec-driven development (SDD) to build a rogue-like game celebrating the first anniversary of Kiro, an AI-powered IDE. SDD is a structured approach that breaks work into three phases — requirements, design, and task generation — all completed before any code is written, with a human reviewing each step. The game, built using Phaser and TanStack Start, features a 2D Final Fantasy-style world where players explore buildings representing key milestones in Kiro's history. The developer used Kiro's built-in spec mode to generate the planning documents from a single descriptive prompt. While SDD requires more upfront planning time, the developer argues it leads to higher first-pass success rates and more stable outcomes for complex features.

0 comments Read more at DEV Community
0
ProgrammingDEV Community ·

Developer grades own ML options forecasts after June expiry, scores worse than coin flip

A developer publicly committed in May to grading Helium's machine-learning probability forecasts for two AAPL options contracts expiring on June 26, 2026. When the contracts expired, AAPL closed at $283.78 on Nasdaq, leaving the $310 call out of the money and the $295 put in the money. The mean Brier loss across both contracts came out to 0.3846, worse than the 0.25 a naive 50-50 coin-flip model would have scored. The call forecast was closer to the actual outcome than the market-implied probability, but the put forecast suffered a high loss of 0.5929 because the model had significantly understated the chance of the stock falling that far. The developer acknowledged the sample size of just two contracts is too small for calibration conclusions, framing the exercise as a discipline of publicly logging and then honestly grading predictions.

0 comments Read more at DEV Community
0
ProgrammingDEV Community ·

Why Supabase RLS Errors Are a Feature, Not a Bug — And How to Fix Them

Developers using Supabase often encounter the error 'new row violates row-level security policy,' which signals that Row-Level Security (RLS) is active and correctly blocking unauthorized writes by default. The error typically stems from one of three causes: a missing INSERT policy, a mismatched or null user_id field, or an unauthenticated request where auth.uid() returns null. The recommended fix involves creating an explicit INSERT policy that allows signed-in users to write only their own rows, combined with a server-side column default to automatically assign the correct user ID. Developers are also cautioned that the Supabase SQL editor runs with elevated privileges that bypass RLS, meaning successful writes there do not guarantee the same behavior from a client app. Disabling RLS to silence the error is discouraged, as an unprotected table is the more serious security risk.

0 comments Read more at DEV Community
0
ProgrammingDEV Community ·

Top Online Communities for Indie Hackers to Follow in 2026

A DEV Community guide identifies the best online spaces for indie hackers and bootstrapped founders in 2026, highlighting platforms that offer genuine peer feedback and real-world builder insights. Indie Hackers, founded by Courtland Allen and later acquired by Stripe, is cited as a long-standing hub where founders share revenue figures, failures, and growth lessons through interviews and forum posts. The guide notes that the most valuable communities share traits such as honest feedback culture, searchable archives, and audiences who are actively building products rather than just discussing ideas. Founders Today is highlighted as an emerging platform gaining traction for its focused environment around product launches and early-stage builder discussions. The article emphasizes that community quality matters more than size, with signal-to-noise ratio and stage-relevance being key factors for indie hackers seeking useful engagement.

0 comments Read more at DEV Community
How to Install and Use Shadcn Checkbox Components in React and Next.js · ShortSingh