Skip to content
Twentyfirst UIHalo

Modal

Overlays · Button, Input, Modal

Props

Button

PropTypeNotes
variant?"primary" | "secondary" | "soft" | "ghost" | "danger" | "danger-solid"
size?"md" | "sm"
icon?IconName
iconRight?IconName
disabled?boolean
type?"button" | "submit"
onClick?(e: MouseEvent<HTMLButtonElement>) => void
children?ReactNode
className?stringExtra class on the root element.
style?CSSPropertiesInline style on the root element.

Input

PropTypeNotes
type?string
placeholder?string
value?string
defaultValue?string
disabled?boolean
onChange?(e: ChangeEvent<HTMLInputElement>) => void
label?string
hint?string
error?string
className?stringExtra class on the root element.
style?CSSPropertiesInline style on the root element.

Modal

PropTypeNotes
titlestringRequired
text?string
icon?IconName
tint?Tint
actions?ReactNode[]
onClose?() => void
style?CSSProperties
children?ReactNode
className?stringExtra class on the root element.