|
11 | 11 | | ---------------------------- | ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------- | -------------- |
|
12 | 12 | | `adjacentSiblings` | `adjacent-siblings` | | `"left" \| "leftright" \| "right"` | `undefined` |
|
13 | 13 | | `ariaDescriptionTranslation` | `aria-description-translation` | a11y text for getting meaningful value. `$buttonNumber` and `$selected` are template variables and will be replaces by their corresponding properties. | `string` | `'$selected'` |
|
14 |
| -| `ariaLabelSegment` | `aria-label-segment` | (optional) aria-label attribute needed for icon-only segments | `string` | `undefined` | |
| 14 | +| `ariaLabelSegment` | `aria-label-segment` | (optional) aria-label attribute needed for icon-only buttons | `string` | `undefined` | |
15 | 15 | | `ariaLangDeselected` | `aria-lang-deselected` | (optional) translation of 'deselected | `string` | `'deselected'` |
|
16 | 16 | | `ariaLangSelected` | `aria-lang-selected` | (optional) translation of 'selected | `string` | `'selected'` |
|
17 |
| -| `disabled` | `disabled` | (optional) If `true`, the segment is disabled | `boolean` | `false` | |
18 |
| -| `hasIcon` | `has-icon` | (optional) position within group | `boolean` | `undefined` | |
19 |
| -| `iconOnly` | `icon-only` | (optional) position within group | `boolean` | `undefined` | |
| 17 | +| `disabled` | `disabled` | (optional) If `true`, the button is disabled | `boolean` | `false` | |
| 18 | +| `iconOnly` | `icon-only` | (optional) icon only segment | `boolean` | `false` | |
| 19 | +| `iconText` | `icon-text` | (optional) segment with icon and text | `boolean` | `false` | |
| 20 | +| `multiSelect` | `multi-select` | (optional) multi select segment | `boolean` | `false` | |
20 | 21 | | `position` | `position` | (optional) position within group | `number` | `undefined` |
|
21 | 22 | | `segmentId` | `segment-id` | (optional) segment's id | `string` | `undefined` |
|
22 |
| -| `selected` | `selected` | (optional) If `true`, the segment is selected | `boolean` | `false` | |
23 |
| -| `selectedIndex` | `selected-index` | (optional) the index of the currently selected segment in the segmented-button | `string` | `undefined` | |
24 |
| -| `size` | `size` | (optional) The size of the segment | `"large" \| "medium" \| "small"` | `'small'` | |
| 23 | +| `selected` | `selected` | (optional) If `true`, the button is selected | `boolean` | `false` | |
| 24 | +| `size` | `size` | (optional) The size of the button | `"large" \| "medium" \| "small"` | `'small'` | |
25 | 25 | | `styles` | `styles` | (optional) Injected CSS styles | `string` | `undefined` |
|
26 |
| -| `textOnly` | `text-only` | (optional) position within group | `boolean` | `undefined` | |
27 |
| -| `width` | `width` | (optional) Segment width set to ensure that all segments have the same width | `string` | `undefined` | |
| 26 | +| `width` | `width` | (optional) Button width set to ensure that all buttons have the same width | `string` | `undefined` | |
28 | 27 |
|
29 | 28 |
|
30 | 29 | ## Events
|
|
0 commit comments