How to use the storybook/assets/styles/common.styles.breaklines function in storybook

To help you get started, we’ve selected a few storybook 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 acl-services / paprika / packages / Popover / stories / examples / ControlledScroll.js View on Github external
const ExampleStory = () => (
  
    <p>
      Illustrates an issue when Popover is <code>controlled</code> and can be scrolled out of view.
    </p>
    {breaklines(4)}
    
    {breaklines(42)}
  
);
github acl-services / paprika / packages / Button / stories / examples / Basic.js View on Github external
Pending...
      
      <button>} isDropdown&gt;
        Menu
      </button>
    <p></p>
    
    <p>
      
      
      
      
        
      
    </p>
    {breaklines(34)}
    ...fin.
  
);
github acl-services / paprika / packages / RawButton / stories / examples / Basic.js View on Github external
data-pka-anchor="test-button"
          ref={buttonRef}
        &gt;
          RawButton with test props
        
      <p></p>
      <p>
        <small>This RawButton will capture the focus after 1 second.</small>
      </p>
      
      <p>
        
          Disabled RawButton
        
      </p>
      {breaklines(34)}
      ...fin.
    
  );
};
github acl-services / paprika / packages / Popover / stories / examples / ControlledScroll.js View on Github external
const ExampleStory = () =&gt; (
  
    <p>
      Illustrates an issue when Popover is <code>controlled</code> and can be scrolled out of view.
    </p>
    {breaklines(4)}
    
    {breaklines(42)}
  
);