@progress/kendo-react-common/typography/models/margin.d.ts

React Common package delivers common utilities that can be used with the KendoReact UI components. KendoReact Common Utilities package

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
/**
 * The possible values for the Default and Material themes are:
 * * `xsmall` —Applies 4px margin.
 * * `small` —Applies 8px margin.
 * * `medium` —Applies 12px margin.
 * * `large` —Applies 16px margin.
 * * `xlarge` —Applies 24px margin.
 * * `thin` —Applies 2px margin.
 * * `hair` —Applies 1px margin.
 * * `number` —Passing a number will apply a margin of 4 times the passed number in pixels. The minimum number value is 0 and the maximum is 24.
 *
 * The possible values for the Bootstrap theme are:
 * * `xsmall` —Applies 0.25rem margin.
 * * `small` —Applies 0.5rem margin.
 * * `medium` —Applies 0.75rem margin.
 * * `large` —Applies 1rem margin.
 * * `xlarge` —Applies 1.25rem margin.
 * * `thin` —Applies 0.125rem margin.
 * * `hair` —Applies 0.0625rem margin.
 * * `number` —Passing a number will apply a margin equal to the passed number divided by 4 in rem units.
 * The minimum number value is 0 and the maximum is 24.
 */
export type MarginEnum = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'thin' | 'hair' | number;