How to use the fundamental-react/lib/ActionBar.ActionBar.Header function in fundamental-react

To help you get started, we’ve selected a few fundamental-react 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.

github kyma-project / console / components / react / src / components / Toolbar / styled.js View on Github external
import styled from 'styled-components';
import { ActionBar as AB } from 'fundamental-react/lib/ActionBar';
import { sizes } from '../../commons';

const ABBack = AB.Back;
const ABHeader = AB.Header;
const ABActions = AB.Actions;

export const ActionBar = styled(AB)`
  && {
    padding: 30px 30px 0 30px;
    ${props => (props.background ? `background: ${props.background}` : '')};
  }
`;

export const ActionBarBack = styled(ABBack)`
  && {
    @media (min-width: 320px) {
      display: block !important;
    }
  }
`;