Security News
ESLint is Now Language-Agnostic: Linting JSON, Markdown, and Beyond
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
@commercetools-uikit/flat-button
Advanced tools
Flat buttons are minimal and a flat variation of primary and secondary buttons.
import FlatButton from '@commercetools-uikit/flat-button';
<FlatButton
tone="primary"
icon={<InformationIcon />}
label="A label text"
onClick={() => alert('Button clicked')}
isDisabled={false}
/>;
iconClass label url onClick
Props | Type | Required | Values | Default | Description |
---|---|---|---|---|---|
tone | oneOf | - | primary , secondary , iverted | primary | - |
type | string | - | submit , reset , button | button | Used as the HTML type attribute. |
label | string | ✅ | - | - | Should describe what the button is for |
onClick | func | ✅ | - | - | What the button will trigger when clicked |
icon | element | - | - | - | The icon of the button |
iconPosition | oneOf | - | left , right | left | The position of the icon |
isDisabled | boolean | - | - | - | Tells when the button should present a disabled state |
as | string or element | - | - | - | You may pass in a string like "a" to have the button render as an anchor tag instead. Or you could pass in a React Component, like a Link . |
The component further forwards all valid HTML attributes to the underlying button
component.
Main Functions and use cases are:
Secondary or primary action example: clear filters
Expand/Collapse list of fields example: product attributes
FAQs
Flat buttons are minimal and a flat variation of primary and secondary buttons.
The npm package @commercetools-uikit/flat-button receives a total of 10,870 weekly downloads. As such, @commercetools-uikit/flat-button popularity was classified as popular.
We found that @commercetools-uikit/flat-button demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
Security News
Members Hub is conducting large-scale campaigns to artificially boost Discord server metrics, undermining community trust and platform integrity.
Security News
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.