Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

test - added button page - Pauline #279

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

test - added button page - Pauline #279

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
15 changes: 15 additions & 0 deletions data/blocks/block.ENAFp2TvVH.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
{
"id": "ENAFp2TvVH",
"data": {
"items": [
{
"title": "",
"fileId": "rzMpZtZ3PLH3eutORdrJ2o",
"nodeId": "1:32"
}
],
"columns": "1",
"hideComponentProps": true
},
"blockType": "design-src-tiles"
}
36 changes: 36 additions & 0 deletions data/blocks/block.K-T48bhJpf.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
{
"id": "K-T48bhJpf",
"data": {
"content": {
"type": "doc",
"content": [
{
"type": "heading",
"attrs": {
"level": 1,
"textAlign": "left"
},
"content": [
{
"text": "Style: Solid",
"type": "text"
}
]
},
{
"type": "paragraph",
"attrs": {
"textAlign": "left"
},
"content": [
{
"text": "States a single call to action. Based on the context within a page or object (such as a dialog), the action represents the most likely or preferred next step.",
"type": "text"
}
]
}
]
}
},
"blockType": "text-editor"
}
89 changes: 89 additions & 0 deletions data/blocks/block.dnWMv96lPL.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
{
"id": "dnWMv96lPL",
"data": {
"content": {
"type": "doc",
"content": [
{
"type": "heading",
"attrs": {
"level": 2,
"textAlign": "left"
},
"content": [
{
"text": "Usage",
"type": "text"
}
]
},
{
"type": "bulletList",
"content": [
{
"type": "listItem",
"content": [
{
"type": "paragraph",
"attrs": {
"textAlign": "left"
},
"content": [
{
"text": "Use adjacent to solid buttons. If no other action is present, use a solid button instead.",
"type": "text"
}
]
}
]
},
{
"type": "listItem",
"content": [
{
"type": "paragraph",
"attrs": {
"textAlign": "left"
},
"content": [
{
"text": "Limit to one or two secondary actions.",
"type": "text"
}
]
}
]
},
{
"type": "listItem",
"content": [
{
"type": "paragraph",
"attrs": {
"textAlign": "left"
},
"content": [
{
"text": "Accept:",
"type": "text",
"marks": [
{
"type": "bold"
}
]
},
{
"text": " The \"accept\" state is associated with the enter key in dense interfaces, replacing a solid button to highlight the preferred action. \"Default\" state buttons can be toggled into the \"accept\" state by tabbing over (which places it into focus state), and then hitting the enter key.",
"type": "text"
}
]
}
]
}
]
}
]
}
},
"blockType": "text-editor"
}
36 changes: 36 additions & 0 deletions data/blocks/block.k6cLoOVIX.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
{
"id": "k6cLoOVIX",
"data": {
"content": {
"type": "doc",
"content": [
{
"type": "heading",
"attrs": {
"level": 1,
"textAlign": "left"
},
"content": [
{
"text": "Style: Outlines",
"type": "text"
}
]
},
{
"type": "paragraph",
"attrs": {
"textAlign": "left"
},
"content": [
{
"text": "Accompanies a solid button to provide additional actions.",
"type": "text"
}
]
}
]
}
},
"blockType": "text-editor"
}
105 changes: 105 additions & 0 deletions data/blocks/block.nIZyhpskek.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,105 @@
{
"id": "nIZyhpskek",
"data": {
"content": {
"type": "doc",
"content": [
{
"type": "heading",
"attrs": {
"level": 2,
"textAlign": "left"
},
"content": [
{
"text": "Usage",
"type": "text"
}
]
},
{
"type": "bulletList",
"content": [
{
"type": "listItem",
"content": [
{
"type": "paragraph",
"attrs": {
"textAlign": "left"
},
"content": [
{
"text": "Limit to one per page or clearly defined area of the UI.",
"type": "text"
}
]
}
]
},
{
"type": "listItem",
"content": [
{
"type": "paragraph",
"attrs": {
"textAlign": "left"
},
"content": [
{
"text": "Multiple solid buttons may be used in a list of parallel objects (example: files in a list view). ",
"type": "text"
},
{
"text": "For high-density:",
"type": "text",
"marks": [
{
"type": "bold"
}
]
},
{
"text": " If including two buttons, use the \"default\" and \"accept\" states of the outlined button style (more details below).",
"type": "text"
}
]
}
]
},
{
"type": "listItem",
"content": [
{
"type": "paragraph",
"attrs": {
"textAlign": "left"
},
"content": [
{
"text": "By default, the enter key on a keyboard should trigger the action, even when the button appears next to a secondary (outlined or flat) button.",
"type": "text"
}
]
}
]
}
]
},
{
"type": "paragraph",
"attrs": {
"textAlign": "left"
}
},
{
"type": "paragraph",
"attrs": {
"textAlign": "left"
}
}
]
}
},
"blockType": "text-editor"
}
14 changes: 14 additions & 0 deletions data/blocks/block.qWI8rTXkzV.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
{
"id": "qWI8rTXkzV",
"data": {
"items": [
{
"title": "",
"fileId": "rzMpZtZ3PLH3eutORdrJ2o",
"nodeId": "80:95708"
}
],
"columns": "1"
},
"blockType": "design-src-tiles"
}
15 changes: 15 additions & 0 deletions data/blocks/block.v2QjrqaR.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
{
"id": "v2QjrqaR",
"data": {
"items": [
{
"title": "",
"fileId": "rzMpZtZ3PLH3eutORdrJ2o",
"nodeId": "1:16"
}
],
"columns": "1",
"hideComponentProps": true
},
"blockType": "design-src-tiles"
}
11 changes: 11 additions & 0 deletions data/knapsack.custom-page.button-p.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
id: button-p
title: Button - P
blockIds:
- qWI8rTXkzV
- K-T48bhJpf
- v2QjrqaR
- nIZyhpskek
- k6cLoOVIX
- ENAFp2TvVH
- dnWMv96lPL
description: Buttons provide one of the primary ways customers take action or trigger a change within an interface.
6 changes: 6 additions & 0 deletions data/knapsack.navs.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -101,6 +101,11 @@ byId:
name: Button
parentId: Simple
path: /pattern/button
button-p:
id: button-p
name: Button - P
parentId: Simple
path: /pages/button-p
card:
id: card
name: Card
Expand Down Expand Up @@ -255,3 +260,4 @@ order:
- Private-Pages
- new-component-in-progress
- mobile-breakpoints
- button-p
Loading