Primitives
RoughLine
Hand-drawn line primitive for dividers and axes.
Installation
package manager
npx shadcn add https://bydefaulthuman.fun/r/rough-line.jsonProps
PropTypeDefaultDescription
classNamestring—
Additional Tailwind classes applied to the component.
idstring—
Controls the `id` behavior.
lengthnumber—
Sets the explicit line length.
orientation"horizontal" | "vertical"—
Controls the line direction.
strokestring—
Overrides the stroke color.
strokeWidthnumber—
Overrides the stroke width.
themeCrumbleTheme—
Overrides the global Crumble theme for this instance.
Accessibility
This primitive is primarily presentational. Keep the underlying content semantic and avoid relying on the sketch overlay alone to communicate meaning.
Examples
import { RoughLine } from '@/components/crumble/primitives/rough-line'
<RoughLine orientation="horizontal" />