Skip to content
Twentyfirst UIHalo

Panel

Data · EventCard, IconButton, Panel, Tabs

Schedule

5 items waiting · 2 today

Design reviewWed, 15.04

Walk through the new billing settings flow.

14:00

Props

EventCard

PropTypeNotes
kind?"meeting" | "deadline" | "review" | "launch" | "incident"
labelstringRequired
datestringRequired
timestringRequired
tint?Tint
icon?IconName
actions?boolean
children?ReactNode
className?stringExtra class on the root element.
style?CSSPropertiesInline style on the root element.

IconButton

PropTypeNotes
iconIconNameRequired
labelstringRequired
variant?"soft" | "solid" | "outline" | "ghost"
size?"sm" | "md" | "lg"
onClick?(e: MouseEvent<HTMLButtonElement>) => void
disabled?boolean
className?stringExtra class on the root element.
style?CSSPropertiesInline style on the root element.

Panel

PropTypeNotes
side?boolean
title?string
subtitle?string
action?ReactNode
children?ReactNode
className?stringExtra class on the root element.
style?CSSPropertiesInline style on the root element.

Tabs

PropTypeNotes
itemsstring[]Required
value?string
defaultValue?string
onChange?(v: string) => void
block?boolean
className?stringExtra class on the root element.
style?CSSPropertiesInline style on the root element.