@yarcl/react
    Preparing search index...

    Variable componentSlotsConst

    componentSlots: {
        Card: {
            body: readonly [
                "padding",
                "textStyle",
                "background",
                "border",
                "borderWidth",
            ];
            footer: readonly [
                "padding",
                "textStyle",
                "background",
                "border",
                "borderWidth",
            ];
            header: readonly [
                "padding",
                "textStyle",
                "background",
                "border",
                "borderWidth",
            ];
            root: readonly [
                "radius",
                "padding",
                "shadow",
                "background",
                "border",
                "borderWidth",
            ];
        };
        Dialog: {
            body: readonly [
                "padding",
                "textStyle",
                "background",
                "border",
                "borderWidth",
            ];
            footer: readonly [
                "padding",
                "textStyle",
                "background",
                "border",
                "borderWidth",
            ];
            header: readonly [
                "padding",
                "textStyle",
                "background",
                "border",
                "borderWidth",
            ];
            root: readonly ["radius", "shadow", "background", "border", "borderWidth"];
        };
        Drawer: {
            body: readonly [
                "padding",
                "textStyle",
                "background",
                "border",
                "borderWidth",
            ];
            footer: readonly [
                "padding",
                "textStyle",
                "background",
                "border",
                "borderWidth",
            ];
            header: readonly [
                "padding",
                "textStyle",
                "background",
                "border",
                "borderWidth",
            ];
            root: readonly ["radius", "shadow", "background", "border", "borderWidth"];
        };
        Listbox: {
            item: readonly [
                "radius",
                "padding",
                "textStyle",
                "background",
                "border",
                "borderWidth",
            ];
            panel: readonly [
                "radius",
                "padding",
                "shadow",
                "background",
                "border",
                "borderWidth",
            ];
        };
        Menu: {
            item: readonly [
                "radius",
                "padding",
                "textStyle",
                "background",
                "border",
                "borderWidth",
            ];
            panel: readonly [
                "radius",
                "padding",
                "shadow",
                "background",
                "border",
                "borderWidth",
            ];
        };
        Table: {
            cell: readonly [
                "density",
                "padding",
                "textStyle",
                "background",
                "border",
                "borderWidth",
            ];
            header: readonly ["textStyle", "background", "border", "borderWidth"];
            root: readonly ["radius", "shadow", "background", "border", "borderWidth"];
            row: readonly ["background"];
        };
        Tabs: {
            list: readonly [
                "radius",
                "padding",
                "background",
                "border",
                "borderWidth",
            ];
            trigger: readonly ["radius", "padding", "textStyle", "background"];
        };
    } = ...

    Public component parts and the token properties each part accepts.

    Type Declaration

    • ReadonlyCard: {
          body: readonly [
              "padding",
              "textStyle",
              "background",
              "border",
              "borderWidth",
          ];
          footer: readonly [
              "padding",
              "textStyle",
              "background",
              "border",
              "borderWidth",
          ];
          header: readonly [
              "padding",
              "textStyle",
              "background",
              "border",
              "borderWidth",
          ];
          root: readonly [
              "radius",
              "padding",
              "shadow",
              "background",
              "border",
              "borderWidth",
          ];
      }
    • ReadonlyDialog: {
          body: readonly [
              "padding",
              "textStyle",
              "background",
              "border",
              "borderWidth",
          ];
          footer: readonly [
              "padding",
              "textStyle",
              "background",
              "border",
              "borderWidth",
          ];
          header: readonly [
              "padding",
              "textStyle",
              "background",
              "border",
              "borderWidth",
          ];
          root: readonly ["radius", "shadow", "background", "border", "borderWidth"];
      }
    • ReadonlyDrawer: {
          body: readonly [
              "padding",
              "textStyle",
              "background",
              "border",
              "borderWidth",
          ];
          footer: readonly [
              "padding",
              "textStyle",
              "background",
              "border",
              "borderWidth",
          ];
          header: readonly [
              "padding",
              "textStyle",
              "background",
              "border",
              "borderWidth",
          ];
          root: readonly ["radius", "shadow", "background", "border", "borderWidth"];
      }
    • ReadonlyListbox: {
          item: readonly [
              "radius",
              "padding",
              "textStyle",
              "background",
              "border",
              "borderWidth",
          ];
          panel: readonly [
              "radius",
              "padding",
              "shadow",
              "background",
              "border",
              "borderWidth",
          ];
      }
    • ReadonlyTable: {
          cell: readonly [
              "density",
              "padding",
              "textStyle",
              "background",
              "border",
              "borderWidth",
          ];
          header: readonly ["textStyle", "background", "border", "borderWidth"];
          root: readonly ["radius", "shadow", "background", "border", "borderWidth"];
          row: readonly ["background"];
      }
    • ReadonlyTabs: {
          list: readonly [
              "radius",
              "padding",
              "background",
              "border",
              "borderWidth",
          ];
          trigger: readonly ["radius", "padding", "textStyle", "background"];
      }