Interface TextIconSpacingProps

The class name to use for an icon that is placed before above the text. This is used when the stacked prop is enabled and the iconAfter prop is disabled or omitted.

The class name to use for an icon that is placed after text.

The class name to use for an icon that is placed before text.

The class name to use for an icon that is placed before above the text. This is used when the stacked prop is enabled and the iconAfter prop is enabled.

The children to render before or after the provided icon. This is defaulted to null so that providing a null icon will correctly render without React crashing.

An optional className to apply to the surroudning <span> when the forceIconWrap prop is enabled or the icon is not a valid React Element. If the forceIconWrap prop is not enabled, it will be cloned into the icon instead.

Boolean if the icon and content are in a column-reverse or row-reverse flex-direction. This will swap the different classnames as needed.

Boolean if the icon should be forced into a <span> with the class names applied instead of attempting to clone into the provided icon.

An optional icon to display with a text button. This is invalid for icon buttons. If this is a single element, a new class name will be cloned into the element to get correct spacing so if you have a custom icon element, you must also pass that class name down. If you are using one of the react-md icon component packages, this is handled automatically.

Boolean if the icon should appear after the text instead of before.

Boolean if the icon and text should be stacked instead of inline. Note: You'll normally want to update the container element to have display: flex and flex-direction: column for this to work.