Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion data/blocks/block.1zsHlF6chs.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"blockType": "pattern-template-block",
"data": {
"allowResizing": true,
"demoId": "RN96ZpJJpY",
"demoId": "-2WvOX39hg",
"demoSize": "landscape",
"hideControls": false,
"patternId": "card",
Expand Down
64 changes: 40 additions & 24 deletions data/blocks/block.YkyHkvdzp_.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,93 +2,109 @@
"blockType": "text-editor",
"data": {
"content": {
"type": "doc",
"content": [
{
"type": "heading",
"attrs": {
"level": 1
"level": 1,
"textAlign": "left"
},
"content": [
{
"text": "Overview",
"text": "Oversdfgsdfgsdfview",
"type": "text"
}
],
"type": "heading"
]
},
{
"type": "paragraph",
"attrs": {
"textAlign": "left"
},
"content": [
{
"text": "Buttons are clickable elements that are used to trigger actions. They communicate calls to action to the user and allow users to interact with pages in a variety of ways. Button labels express what action will occur when the user interacts with it.",
"text": "Buttons are clickable elements that ardfgsdfgsdfge used to trigger actions. They communicate calls to action to the user and allow users to interact with pages in a variety of ways. Button labels express what action will occur when the user interacts with it.",
"type": "text"
}
],
"type": "paragraph"
]
},
{
"type": "heading",
"attrs": {
"level": 3
"level": 3,
"textAlign": "left"
},
"content": [
{
"text": "When to use",
"type": "text"
}
],
"type": "heading"
]
},
{
"type": "paragraph",
"attrs": {
"textAlign": "left"
},
"content": [
{
"text": "Use buttons to communicate actions users can take and to allow users to interact with the page. Each page should have one primary button, and any remaining calls to action should be represented as lower emphasis buttons.",
"type": "text"
}
],
"type": "paragraph"
]
},
{
"type": "heading",
"attrs": {
"level": 3
"level": 3,
"textAlign": "left"
},
"content": [
{
"text": "When not to use",
"type": "text"
}
],
"type": "heading"
]
},
{
"type": "paragraph",
"attrs": {
"textAlign": "left"
},
"content": [
{
"text": "Do not use buttons as navigational elements. Instead, use links when the desired action is to take the user to a new page.",
"type": "text"
}
],
"type": "paragraph"
]
},
{
"type": "heading",
"attrs": {
"level": 3
"level": 3,
"textAlign": "left"
},
"content": [
{
"text": "When you're not sure",
"type": "text"
}
],
"type": "heading"
]
},
{
"type": "paragraph",
"attrs": {
"textAlign": "left"
},
"content": [
{
"text": "Default to focusing on primary and secondary (and tertiary...) states. or ask a friend :)",
"type": "text"
}
],
"type": "paragraph"
]
}
],
"type": "doc"
]
}
},
"id": "YkyHkvdzp_",
Expand Down
6 changes: 3 additions & 3 deletions data/demos/demo.2ysfvm4ShE.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,16 +2,16 @@
"data": {
"props": {
"mode": "info",
"size": "medium",
"size": "large",
"type": "solid",
"url": "#url",
"outline": false,
"icon": false
"icon": true
},
"slots": {
"children": [
{
"text": "Button",
"text": "Click here",
"type": "text"
}
]
Expand Down
2 changes: 1 addition & 1 deletion data/knapsack.design-tokens.json
Original file line number Diff line number Diff line change
Expand Up @@ -359,7 +359,7 @@
"$value": "#ffffff"
},
"light": {
"$value": "#7b58cf"
"$value": "{color.light.red}"
},
"$type": "color",
"$extensions": {
Expand Down
12 changes: 11 additions & 1 deletion data/knapsack.pattern.button.json
Original file line number Diff line number Diff line change
Expand Up @@ -34,8 +34,8 @@
"id": "Overview",
"title": "Usage",
"blockIds": [
"YkyHkvdzp_",
"vFalbAV-gx",
"YkyHkvdzp_",
"1LTGO8xsrC",
"1VyLx4PL0Q",
"-plYGPDwcr",
Expand Down Expand Up @@ -108,6 +108,10 @@
{
"id": "t8PlLMPbv",
"type": "subPage"
},
{
"id": "0ADTXFqpZU",
"type": "designSrc"
}
],
"statuses": {
Expand All @@ -123,6 +127,12 @@
"title": "Figma Component",
"fileId": "H3Jj1cltfXiGWijrYOaGBi",
"componentId": "2:18"
},
"0ADTXFqpZU": {
"id": "0ADTXFqpZU",
"title": "Figma Component",
"fileId": "H3Jj1cltfXiGWijrYOaGBi",
"componentId": "2:18"
}
}
}
Loading