How to use the @crave/farmblocks-button.buttonTypes.PRIMARY function in @crave/farmblocks-button

To help you get started, we’ve selected a few @crave/farmblocks-button 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 CraveFood / farmblocks / packages / form-wrapper / src / FormWrapper.story.js View on Github external
.add("With saveButtonProps customization", () => (
    
      <input label="First Name">
      <input label="Last Name">
    
  ))
  .add("extended style", () =&gt; (
github CraveFood / farmblocks / packages / modal / src / DialogModal.story.js View on Github external
<button>Do Something</button>
          }
            title="Do the thing?"
            description="Once it's done, there's no way back."
            actions={[
              {
                text: "Don't do",
                onClick: cancel,
                type: buttonTypes.NEUTRAL,
              },
              {
                text: "Do it!",
                onClick: confirm,
                type: buttonTypes.PRIMARY,
              },
            ]}
            onRequestClose={cancel}
          /&gt;
        
      );
    };
    return ;
github CraveFood / farmblocks / packages / footer / src / components / Footer.story.js View on Github external
.add("with two actions", () =&gt; (
    <footer size="{buttonSizes.MEDIUM}">,
        <button size="{buttonSizes.MEDIUM}" type="{buttonTypes.PRIMARY}">,
      ]}
      helpImageSrc="https://crave-whatsgood-sandbox.imgix.net/businesses/32/inventory/8fae5d32-f6d4-47bb-8062-e4e85c47788b.png"
    /&gt;
  ))
  .add("without link", () =&gt; (</button></footer>
github CraveFood / farmblocks / packages / modal / src / Modal.story.js View on Github external
.add("With cardProps, header and footer", () =&gt; {
    return (
      HEADER}
        footer={
          <div style="{{">
            <button type="{buttonTypes.PRIMARY}">
          </button></div>
        }
        cardProps={{ width: "400px", floating: false }}
      &gt;
        {lipsum}
      
    );
  })
  .add("With custom close button props", () =&gt; (
github CraveFood / farmblocks / packages / table / src / Table.story.js View on Github external
clearSelection={clearFunction}
              title={count =&gt;
                count === 1 ? "1 fruit selected" : `${count} Fruits selected`
              }
            &gt;
              <div style="{{">
                <button type="{buttonTypes.SECONDARY}"> setItems([...items, ...fruits])}
                &gt;
                  Add Fruits
                </button>
                <button type="{buttonTypes.PRIMARY}"> setItems(fruits)}
                &gt;
                  Reset Fruits
                </button>
              </div>
            
          )}
        &gt;