mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 18:31:06 +00:00
65 lines
1.2 KiB
TypeScript
65 lines
1.2 KiB
TypeScript
/// <reference types="svelte" />
|
|
import type { SvelteComponentTyped } from "svelte";
|
|
|
|
export interface PopoverProps
|
|
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
|
|
/**
|
|
* Set to `true` to display the popover
|
|
* @default false
|
|
*/
|
|
open?: boolean;
|
|
|
|
/**
|
|
* Set to `true` to close the popover on an outside click
|
|
* @default false
|
|
*/
|
|
closeOnOutsideClick?: boolean;
|
|
|
|
/**
|
|
* Set to `true` render a caret
|
|
* @default false
|
|
*/
|
|
caret?: boolean;
|
|
|
|
/**
|
|
* Specify the alignment of the caret
|
|
* @default "top"
|
|
*/
|
|
align?:
|
|
| "top"
|
|
| "top-left"
|
|
| "top-right"
|
|
| "bottom"
|
|
| "bottom-left"
|
|
| "bottom-right"
|
|
| "left"
|
|
| "left-bottom"
|
|
| "left-top"
|
|
| "right"
|
|
| "right-bottom"
|
|
| "right-top";
|
|
|
|
/**
|
|
* Set to `true` to enable the light variant
|
|
* @default false
|
|
*/
|
|
light?: boolean;
|
|
|
|
/**
|
|
* Set to `true` to enable the high contrast variant
|
|
* @default false
|
|
*/
|
|
highContrast?: boolean;
|
|
|
|
/**
|
|
* Set to `true` to use a relative position
|
|
* @default false
|
|
*/
|
|
relative?: boolean;
|
|
}
|
|
|
|
export default class Popover extends SvelteComponentTyped<
|
|
PopoverProps,
|
|
{ ["click:outside"]: CustomEvent<any> },
|
|
{ default: {} }
|
|
> {}
|