Skip to content

Commit 7e34228

Browse files
authored
[UIK-4442][docs] remove redundant docs from Accordion (#2569)
<!--- Provide a general summary of your changes in the Title above --> ## Motivation and Context <!--- Why is this change required? What problem does it solve? --> <!--- If it fixes an open issue, please link to the issue here. --> Removed redundant information about indents in Accordion component. ## How has this been tested? <!--- Please describe in detail how you tested your changes. --> <!--- For example: --> <!--- I have added unit tests --> <!--- I have added Voice Over tests --> <!--- Code cannot be tested automatically so I have tested it only manually --> Manually. ## Types of changes <!--- What types of changes does your code introduce? Put an `x` in all the boxes that apply: --> - [ ] Bug fix (non-breaking change which fixes an issue). - [ ] New feature (non-breaking change which adds functionality). - [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected). - [X] Nice improve.
1 parent e174432 commit 7e34228

19 files changed

+2
-14
lines changed

website/docs/components/accordion/accordion.md

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -45,10 +45,6 @@ Table: Accordion types
4545
| `primary` | ![](static/default-bg.png) | Main accent accordion. |
4646
| `secondary` | ![](static/default.png) | Default non-accent accordion. |
4747

48-
The `ChevronRight` icon always has `margin-right: 8px` with all font sizes.
49-
50-
![](static/margins.png)
51-
5248
You can set the width of the accordion that is appropriate for the context.
5349

5450
![](static/max-width.png)
@@ -61,23 +57,15 @@ Table: Accordion trigger styles
6157

6258
| Type | Appearance example | Default styles |
6359
| ----------- | -------------------------- | ------------------------------------------------------------------------------------------------------- |
64-
| `secondary` | ![](static/default.png) | Icon uses the `--icon-primary-neutral` token for color; text uses the `--text-primary` token for color. |
6560
| `primary` | ![](static/default-bg.png) | The default background color uses `--bg-secondary-neutral` token. |
61+
| `secondary` | ![](static/default.png) | Icon uses the `--icon-primary-neutral` token for color; text uses the `--text-primary` token for color. |
6662

6763
### Collapsed content styles
6864

6965
You can use this component to hide almost any content. This can be a text content, an additional information (for example, in a table), or even an entire table with a chart.
7066

7167
**Remember about visual hierarchy when designing the accordion**. If you use, the accordion, for example, in a table, then the title inside the accordion shouldn't be equal to or greater than the size of the main titles on the page.
7268

73-
#### Margins and paddings
74-
75-
![](static/item-margins1.png)
76-
77-
![](static/item-margins2.png)
78-
79-
![](static/item-paddings.png)
80-
8169
## Interaction
8270

8371
::: tip
@@ -100,7 +88,7 @@ Table: Accordion states
10088
| Hover | ![](static/hover-state.png) ![](static/hover-state-2.png) | Cursor changes to `pointer`. If the accordion trigger has a background, it should change color to the next one in the palette. |
10189
| Active | ![](static/active-state.png) ![](static/active-state-2.png) | The `ChevronRight` icon rotates to 90 degrees: `transform: rotate(90deg)`. All other trigger styles remain the same as in the `hover` state. |
10290
| Disabled | ![](static/disabled-state.png) ![](static/disabled-state-2.png) | Use [`--disabled-opacity`](/style/design-tokens/design-tokens) token. |
103-
| Loading | ![](static/loading-state.png) ![](static/loading-state-2.png) | If the system needs time to load the content hidden in the accordion, then show [Spin](/components/spin/spin) with a respective size. By default, the spinner size is XS. |
91+
<!-- | Loading | ![](static/loading-state.png) ![](static/loading-state-2.png) | If the system needs time to load the content hidden in the accordion, then show [Spin](/components/spin/spin) with a respective size. By default, the spinner size is XS. | -->
10492

10593
## Animation
10694

-1.23 KB
Loading
-1.19 KB
Loading
470 Bytes
Loading
72 Bytes
Loading
69 Bytes
Loading
-81 Bytes
Loading
232 Bytes
Loading
-167 Bytes
Loading
278 Bytes
Loading

0 commit comments

Comments
 (0)