Label
solid-ui/labelFreeComponent
A label component
Live preview
live · rendered by the registry
Rendered by solid-ui on their own page — this is the component running, not a screenshot of it.Install it
npx shadcn@latest add https://www.solid-ui.com/r/label.jsonSource
1import type { Component, ComponentProps } from "solid-js"2import { splitProps } from "solid-js"34import { cn } from "~/lib/utils"56const Label: Component<ComponentProps<"label">> = (props) => {7 const [local, others] = splitProps(props, ["class"])8 return (9 <label10 class={cn(11 "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",12 local.class13 )}14 {...others}15 />16 )17}1819export { Label }
What it pulls in
npm packages
Files it writes
More from solid-ui
All 55 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | solid-ui | Components | Free | 2 deps | |
| Alertalert | solid-ui | Components | Free | 3 deps | |
| Alert Dialogalert-dialog | solid-ui | Components | Free | 2 deps | |
| Aspect Ratioaspect-ratio | solid-ui | Components | Free | 1 dep | |
| Avataravatar | solid-ui | Components | Free | 2 deps | |
| Badgebadge | solid-ui | Components | Free | 2 deps | |
| Badge Deltabadge-delta | solid-ui | Components | Free | 2 deps | |
| Bar Listbar-list | solid-ui | Components | Free | 1 dep |
