How to use @remirror/ui - 6 common examples
To help you get started, we’ve selected a few @remirror/ui examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
ifiokjr / remirror / @remirror / ui-icons / src / __tests__ / base-icon.spec.tsx View on Github 
it('renders default `component.remirror:icon` styles', () => {
const { container } = render(
,
);
const svg = container.querySelector('svg');
expect(svg).toHaveStyle(
`color: ${baseTheme.colors.text}; background-color: ${baseTheme.colors.background};`,
);
});it('renders default styles', () => {
const { container } = render(
,
);
const svg = container.querySelector('svg');
expect(svg).toHaveStyle(
`color: ${baseTheme.colors.text}; background-color: ${baseTheme.colors.background};`,
);
});export const DropCursorComponent = ({ options, type, container }: DropCursorComponentProps) => {
const { sx } = useRemirrorTheme();
const { Component, ...rest } = options;
return Component ? (
) : type === 'block' ? (
<div>
) : (
<span>
</span></div>) : type === 'block' ? (
<div>
) : (
<span>
</span>
);
};
</div>export const DropCursorComponent = ({ options, type, container }: DropCursorComponentProps) => {
const { sx } = useRemirrorTheme();
const { Component, ...rest } = options;
return Component ? (
) : type === 'block' ? (
<div>
) : (
<span>
</span>
);
};</div>RightIconComponent,
renderRightIcon,
rightIconProps = Object.create(null),
color,
backgroundColor,
fontWeight,
minWidth,
width,
variant = 'default',
styles,
children,
...props
},
ref,
) => {
const remirrorTheme = useRemirrorTheme();
const { sxx } = remirrorTheme;
const colorStyles = omitUndefined({ color, backgroundColor });
const otherStyles = { fontWeight, width, minWidth };
const paddedLeftIconProps = {
...leftIconProps,
styles: sxx(
renderRightIcon || RightIconComponent || content ? { paddingRight: 1 } : undefined,
leftIconProps.styles,
),
};
const leftIcon = renderLeftIcon
? renderLeftIcon({ remirrorTheme })
: LeftIconComponent && ;
const paddedRightIconsProps = {@remirror/ui
DEPRECATED - ui utilities for remirror
