UNPKG

@project-jade-garden/reka-ui

Version:

Reka UI anatomy slots for headless design

github.com/AGS1130/project-jade-garden

AGS1130/project-jade-garden

33 lines (32 loc) • 1.34 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
import { SVATraits } from 'jade-garden'; /** * **Editable** * @description Displays an input field used for editing a single line of text, rendering as static text on load. It transforms into a text input field when the edit interaction is triggered. * @see [source](https://reka-ui.com/docs/components/editable#anatomy) */ export declare const slots: readonly ["root", "area", "input", "preview", "submitTrigger", "cancelTrigger", "editTrigger"]; /** * **Editable** * @description Displays an input field used for editing a single line of text, rendering as static text on load. It transforms into a text input field when the edit interaction is triggered. * @see [source](https://reka-ui.com/docs/components/editable#anatomy) */ export type Slots = (typeof slots)[number]; /** * **Editable** * @description Displays an input field used for editing a single line of text, rendering as static text on load. It transforms into a text input field when the edit interaction is triggered. * @see [source](https://reka-ui.com/docs/components/editable#api-reference) */ export type Traits = SVATraits<Slots, { area: { readonly: ""; disabled: ""; "placeholder-shown": ""; empty: ""; focus: ""; focused: ""; }; input: { readonly: ""; disabled: ""; }; }>;