Banner Slim

View source Report an issue

BannerSlim

Prop	Type	Default	Required
`as`	`JSX.IntrinsicElements`	-	-
`asChild`	`boolean`	-	-
`colorScheme`	`TcolorScheme`	-	-
`disabled`	`boolean`	-	-
`dismissed`	`boolean`	-	-
`emphasis`	`"bold"` \| `"subtle"` \| `"minimal"` \| `Partial<Record<Breakpoint, "bold" \| "subtle" \| "minimal">>`	-	-
`onDismiss`	`() => void`	-	-
`size`	`"sm" & Partial<Record<Breakpoint, "sm" \| "md">>` \| `"md" & Partial<Record<Breakpoint, "sm" \| "md">>` \| `Partial<Record<Breakpoint, "sm" \| "md">> & "sm"` \| `Partial<Record<Breakpoint, "sm" \| "md">> & "md"` \| `Partial<Record<Breakpoint, "sm" \| "md">> & Partial<Record<Breakpoint, "sm" \| "md">>` \| `"sm"` \| `"md"`	-	-

BannerSlim.Content

Prop	Type	Default	Required
`as`	`JSX.IntrinsicElements`	-	-

BannerSlim.Text

Prop	Type	Default	Required
`as`	`JSX.IntrinsicElements`	-	-
`family`	`"body"` \| `"display"` \| `"mono"` \| `Partial<Record<Breakpoint, "body" \| "display" \| "mono">>`	-	-
`noCapsize`	`boolean`	-	-
`size`	`Partial<Record<Breakpoint, "xs" \| "sm" \| "md" \| "lg" \| "xl" \| "2xl" \| "3xl" \| "4xl">>` \| `"xs"` \| `"sm"` \| `"md"` \| `"lg"` \| `"xl"` \| `"2xl"` \| `"3xl"` \| `"4xl"`	-	-
`weight`	`"bold"` \| `"normal"` \| `Partial<Record<Breakpoint, "bold" \| "normal">>`	-	-

BannerSlim.Actions

Prop	Type	Default	Required
`as`	`JSX.IntrinsicElements`	-	-
`size`	`Partial<Record<Breakpoint, "sm" \| "md">>` \| `"sm"` \| `"md"`	-	-

BannerSlim.Image

Prop	Type	Default	Required
`as`	`JSX.IntrinsicElements`	-	-
`fluid`	`boolean`	-	-

BannerSlim.Button

Prop	Type	Default	Required
`appearance`	`"outline"` \| `"solid"` \| `Partial<Record<Breakpoint, "outline" \| "solid">>`	-	-
`as`	`JSX.IntrinsicElements`	-	-
`fullWidth`	`boolean`	-	-
`href`	`string`	-	-
`isLoading`	`boolean`	-	-
`onClick`	`MouseEventHandler<HTMLElement>`	-	-
`size`	`Partial<Record<Breakpoint, "sm" \| "md" \| "lg" \| "xl">>` \| `"sm"` \| `"md"` \| `"lg"` \| `"xl"`	-	-
`theme`	`"neutral"` \| `"primary"` \| `"success"` \| `"warning"` \| `"danger"` \| `"secondary"` \| `Partial<Record<Breakpoint, "neutral" \| "primary" \| "success" \| "warning" \| "danger" \| "secondary">>`	-	-

BannerSlim.Dismiss

Prop	Type	Default	Required
`appearance`	`"simple"` \| `"outline"` \| `"solid"` \| `Partial<Record<Breakpoint, "simple" \| "outline" \| "solid">>`	-	-
`as`	`JSX.IntrinsicElements`	-	-
`containerSize`	`Partial<Record<Breakpoint, "sm" \| "md">>` \| `"sm"` \| `"md"`	-	-
`emphasis`	`"bold"` \| `Partial<Record<Breakpoint, "bold">>`	-	-
`hasTooltip`	`boolean`	-	-
`isRounded`	`boolean`	-	-
`label`	`string`	`dismiss`	-
`size`	`Partial<Record<Breakpoint, "xs" \| "sm" \| "md" \| "lg">>` \| `"xs"` \| `"sm"` \| `"md"` \| `"lg"`	-	-
`theme`	`"neutral"` \| `"primary"` \| `"primaryDark"` \| `"success"` \| `"warning"` \| `"danger"` \| `"white"` \| `Partial<Record<Breakpoint, "neutral" \| "primary" \| "primaryDark" \| "success" \| "warning" \| "danger" \| "white">>`	-	-
`tooltipSide`	`"left"` \| `"right"` \| `"top"` \| `"bottom"`	-	-