How to use the @modulz/radix-system.system function in @modulz/radix-system
To help you get started, we’ve selected a few @modulz/radix-system 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.
modulz / radix / packages / radix / src / components / PillNav.tsx View on Github 
import React, { FC, ReactElement } from 'react';
import styled from 'styled-components';
import { MarginProps, system, Prop } from '@modulz/radix-system';
import themeGet from '@styled-system/theme-get';
import css from '@styled-system/css';
import * as CSS from 'csstype';
import { transparentize } from 'polished';
import { Box } from './Box';
const pillWidth = system({
pillWidth: {
property: 'width',
},
});
interface PillWidthProps {
pillWidth?: Prop>;
}
export type PillNavProps = MarginProps &
PillWidthProps & {
children: ReactElement[];
};
export const PillNav: FC = ({ children, pillWidth, ...props }) => {
return (
