{"category":"inputs","name":"button","title":"Button","description":"Displays a button or a component that looks like a button.","variants":{"keys":["default","destructive","outline","secondary","ghost","link","primary","info","success","warning"],"default":"default"},"styling":{"baseClasses":"inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg text-sm font-medium","baseColorHint":"fill=#0c0c12 | text=#f8fafc","perVariant":[{"key":"default","classes":"inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg text-sm font-medium","colorHint":"fill=#0c0c12 | text=#f8fafc"},{"key":"destructive","classes":"inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg text-sm font-medium","colorHint":"fill=#ef4444 | text=#f8fafc"},{"key":"outline","classes":"inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg border bg-transparent text-sm font-medium","colorHint":"fill=transparent | stroke=#e2e8f0@1px | text=#0c0c12"},{"key":"secondary","classes":"inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg text-sm font-medium","colorHint":"fill=#f1f5f9 | text=#18181b"},{"key":"ghost","classes":"inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg bg-transparent text-sm font-medium","colorHint":"fill=transparent | text=#0c0c12"},{"key":"link","classes":"inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg bg-transparent text-sm font-medium","colorHint":"fill=transparent | text=#0c0c12"},{"key":"primary","classes":"inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg text-sm font-medium","colorHint":"fill=#394794 | text=#f8fafc"},{"key":"info","classes":"inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg text-sm font-medium","colorHint":"fill=#1d4ed8 | text=#f8fafc"},{"key":"success","classes":"inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg text-sm font-medium","colorHint":"fill=#15803d | text=#f8fafc"},{"key":"warning","classes":"inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg text-sm font-medium","colorHint":"fill=#b45309 | text=#f8fafc"}]},"slots":[],"sourceFile":"src/components/inputs/Button.tsx","specSource":"design/inputs.pen","docsUrl":"https://gunjo.dev/docs/components/button"}