Sha256: ffeecd161df3764b1c472c7acf5498f4300612d32c473d460223478a1c4bdc59
Contents?: true
Size: 1.35 KB
Versions: 4
Compression:
Stored size: 1.35 KB
Contents
module Components::InputHelper
def render_input(name:, label: false, id: nil, type: :text, value: nil, **options)
options[:class] = "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm transition-colors ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 #{options[:class]} "
options[:class] << case options[:variant]
when :borderless
" border-0 focus-visible:outline-none focus-visible:shadow-none focus-visible:ring-transparent"
else
"shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:border-muted"
end
options[:class] = tw(options[:class])
options.reverse_merge!(
label: (options[:lable] || false),
required: (options[:required] || false),
disabled: (options[:disabled] || false),
readonly: (options[:readonly] || false),
placeholder: (options[:placeholder] || ""),
autocomplete: (options[:autocomplete] || ""),
autocapitalize: (options[:autocapitalize] || nil),
autocorrect: (options[:autocorrect] || nil)
)
render partial: "components/ui/input", locals: {
type:,
label:,
name:,
value:,
id:,
options: options
}
end
end
Version data entries
4 entries across 4 versions & 1 rubygems