How to use the wix-ui-core/themes/backoffice.button function in wix-ui-core

To help you get started, we’ve selected a few wix-ui-core 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 wix / wix-ui-backoffice / stories / FloatingHelperContent / index.story.tsx View on Github external
),
    image: [{ label: 'with image', value: image }],
    footer: [
      {
        label: 'Two buttons',
        value: (
          
            
              First
            

            
              Second
            
          
        )
      }
    ]
  },

  examples: (
    <div>
      <h1>Examples</h1>
      {exampleProps.map((props, index) =&gt;
        renderExample(storySettings.exampleDataHooks[index], props)
      )}</div>
github wix / wix-ui-backoffice / stories / FloatingHelperContent / index.story.tsx View on Github external
'../../src/components/FloatingHelper/FloatingHelperContent/FloatingHelperContent.tsx',
  componentProps,

  exampleProps: {
    onActionClick: () =&gt; 'action buton clicked!',
    actionTheme: Object.keys(ActionButtonTheme).map(
      key =&gt; ActionButtonTheme[key]
    ),
    image: [{ label: 'with image', value: image }],
    footer: [
      {
        label: 'Two buttons',
        value: (
          
            
              First
            

            
              Second
            
          
        )
      }
    ]
  },
github wix / wix-ui-backoffice / src / components / FloatingHelper / FloatingHelperContent / FloatingHelperContent.tsx View on Github external
{body &amp;&amp; (
          <div>
            
          </div>
        )}

        {actionText &amp;&amp; onActionClick &amp;&amp; actionText.length &gt; 0 &amp;&amp; (
          
            {actionText}
          
        )}
        {footer &amp;&amp; (
          <div data-hook="{DataHooks.footer}">
            {footer}
          </div>
        )}