• Parameters

    • Optionaloptions: {
          type?:
              | "single"
              | "defaultLeft"
              | "defaultRight"
              | "dangerLeft"
              | "dangerRight";
      }

    Returns string

Properties

Properties

classNames: RecipeClassNames<
    {
        type: {
            dangerLeft: {
                backgroundColor: CSSVarFunction;
                border: | `1px solid var(--${string})`
                | `1px solid var(--${string}, ${string})`
                | `1px solid var(--${string}, ${number})`;
                color: CSSVarFunction;
            };
            dangerRight: {
                backgroundColor: CSSVarFunction;
                border: | `1px solid var(--${string})`
                | `1px solid var(--${string}, ${string})`
                | `1px solid var(--${string}, ${number})`;
                color: CSSVarFunction;
            };
            defaultLeft: {
                backgroundColor: CSSVarFunction;
                border: | `1px solid var(--${string})`
                | `1px solid var(--${string}, ${string})`
                | `1px solid var(--${string}, ${number})`;
                color: CSSVarFunction;
            };
            defaultRight: {
                backgroundColor: CSSVarFunction;
                border: | `1px solid var(--${string})`
                | `1px solid var(--${string}, ${string})`
                | `1px solid var(--${string}, ${number})`;
                color: CSSVarFunction;
            };
            single: {
                backgroundColor: CSSVarFunction;
                border: | `1px solid var(--${string})`
                | `1px solid var(--${string}, ${string})`
                | `1px solid var(--${string}, ${number})`;
                color: CSSVarFunction;
                width: "100%";
            };
        };
    },
>
variants: () => "type"[]