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.

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

docs(tile) feature flag usage, style, code tab update #4266

Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
41 commits
Select commit Hold shift + click to select a range
3ca0b98
update usage.mdx
laurenmrice Sep 18, 2024
2d6cd83
update the rest of usage.mdx
laurenmrice Sep 18, 2024
91e7c81
update style.mdx
laurenmrice Sep 19, 2024
59aa4db
Merge branch 'main' into feature-flags-tile-list-doc-update
laurenmrice Sep 19, 2024
c4b2755
update code.mdx
laurenmrice Sep 19, 2024
3bad625
Merge branch 'feature-flags-tile-list-doc-update' of https://github.c…
laurenmrice Sep 19, 2024
cf415e3
update usage.mdx
laurenmrice Sep 19, 2024
640233c
update style.mdx
laurenmrice Sep 19, 2024
064af01
update code.mdx
laurenmrice Sep 19, 2024
0cbe06d
format
laurenmrice Sep 19, 2024
482da49
update
laurenmrice Sep 20, 2024
1923527
update style tab
laurenmrice Sep 20, 2024
74e5b5e
Fixed a few images, copy & links
Kritvi-bhatia17 Sep 30, 2024
a283c77
chore: testing
alisonjoseph Sep 30, 2024
8b2addf
Merge branch 'feature-flags-tile-list-doc-update' of github.com:laure…
Kritvi-bhatia17 Sep 30, 2024
f6cc7f0
link shortened
Kritvi-bhatia17 Oct 2, 2024
da44403
link shortened-2
Kritvi-bhatia17 Oct 2, 2024
ae8b6a0
adding <Title>
Kritvi-bhatia17 Oct 2, 2024
f70ff7e
Update src/pages/components/tile/usage.mdx
laurenmrice Oct 10, 2024
774a5cc
Update src/pages/components/tile/usage.mdx
laurenmrice Oct 10, 2024
43c2ff9
Update src/pages/components/tile/usage.mdx
laurenmrice Oct 10, 2024
f63f47d
Update src/pages/components/tile/usage.mdx
laurenmrice Oct 10, 2024
2f9397b
Update src/pages/components/tile/usage.mdx
laurenmrice Oct 10, 2024
ef66bb8
Update src/pages/components/tile/usage.mdx
laurenmrice Oct 10, 2024
64553ec
Update src/pages/components/tile/usage.mdx
laurenmrice Oct 10, 2024
fbb4210
Update src/pages/components/tile/usage.mdx
laurenmrice Oct 10, 2024
93d72d6
Update src/pages/components/tile/style.mdx
laurenmrice Oct 10, 2024
3cf94f6
update selectable anatomy from review
laurenmrice Oct 10, 2024
50ce94c
update usage.mdx
laurenmrice Oct 10, 2024
2f41902
update typos
laurenmrice Oct 10, 2024
57582a0
fix: fixed wrong change
guidari Oct 10, 2024
fb516e5
fix: fixed yarn lock
guidari Oct 10, 2024
619f5b2
fix: changed package.json
guidari Oct 10, 2024
46cf562
fix: ran yarn dedupe
guidari Oct 10, 2024
3f36901
fix: fixed yarn.lock with main
guidari Oct 10, 2024
edd7815
fix: fix
guidari Oct 10, 2024
1cc7030
Merge branch 'main' into feature-flags-tile-list-doc-update
guidari Oct 10, 2024
5e9a6aa
update
laurenmrice Oct 10, 2024
b1a73a9
Merge branch 'feature-flags-tile-list-doc-update' of https://github.c…
laurenmrice Oct 10, 2024
5d2d481
update headings
laurenmrice Oct 10, 2024
33e7e39
Merge branch 'main' into feature-flags-tile-list-doc-update
kodiakhq[bot] Oct 11, 2024
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: 2 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
TEST

# Carbon Design System

![Deployment status](https://github.com/carbon-design-system/carbon-website/workflows/Deployment%20status/badge.svg)
Expand Down
27 changes: 27 additions & 0 deletions src/pages/components/tile/code.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,9 @@ description:
tabs: ['Usage', 'Style', 'Code', 'Accessibility']
---

import { CheckmarkFilled } from '@carbon/icons-react';
import { Tag } from '@carbon/react';

<PageDescription>

Preview the tile component with the React live demo. For detailed code usage
Expand All @@ -23,6 +26,7 @@ documentation, see the Storybooks for each framework below.
>

<MdxIcon name="react" />
<Tag type="blue">Feature flag</Tag>

</ResourceCard>
</Column>
Expand Down Expand Up @@ -58,6 +62,29 @@ documentation, see the Storybooks for each framework below.
</Column>
</Row>

### Feature flags

[Feature flags](/components/overview/feature-flags/) have been added to the
clickable, selectable, and expandable variants of tile to improve accessibility
and changes its visual appearance, not its functionality. For more code-specific
feature flag information, refer to the
[@carbon/react](https://react.carbondesignsystem.com/?path=/docs/experimental-feature-flags-tile--overview)
framework.

- The `enable-experimental-tile-contrast` flag adds a border to the tile with
improved contrast for accessibility and to visually indicate they are
operable.
- The `enable-v12-tile-default-icons` flag enables the rendering of default
Kritvi-bhatia17 marked this conversation as resolved.
Show resolved Hide resolved
icons on the clickable variant of tile like the ArrowRight icon for navigation
or Error icon when it is disabled if the user hasn't configured a different
icon already.
- The `enable-v12-tile-default-icons` flag enables the rendering of default
icons on the clickable variant of a tile, such as the ArrowRight icon for
navigation or the Error icon when the tile is disabled. If the user hasn't
configured a different icon, these defaults will be used.
- The `enable-v12-tile-radio-icons` flag changes RadioTile to use radio button
icons instead of a checkmark icons.

## Live demo

<StorybookDemo
Expand Down
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file removed src/pages/components/tile/images/tile-style-10.png
Binary file not shown.
Binary file not shown.
Binary file removed src/pages/components/tile/images/tile-style-12.png
Binary file not shown.
Binary file not shown.
Binary file removed src/pages/components/tile/images/tile-style-3.png
Binary file not shown.
Binary file removed src/pages/components/tile/images/tile-style-4.png
Binary file not shown.
Binary file not shown.
Binary file removed src/pages/components/tile/images/tile-style-6.png
Binary file not shown.
Binary file removed src/pages/components/tile/images/tile-style-7.png
Binary file not shown.
Binary file removed src/pages/components/tile/images/tile-style-8.png
Binary file not shown.
Binary file removed src/pages/components/tile/images/tile-style-9.png
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Diff not rendered.
Binary file removed src/pages/components/tile/images/tile-usage-10.png
Diff not rendered.
Binary file removed src/pages/components/tile/images/tile-usage-11.png
Diff not rendered.
Binary file removed src/pages/components/tile/images/tile-usage-12.png
Diff not rendered.
Binary file removed src/pages/components/tile/images/tile-usage-13.png
Diff not rendered.
Binary file removed src/pages/components/tile/images/tile-usage-14.png
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Binary file removed src/pages/components/tile/images/tile-usage-19.png
Diff not rendered.
Binary file removed src/pages/components/tile/images/tile-usage-2.png
Diff not rendered.
Binary file removed src/pages/components/tile/images/tile-usage-20.png
Diff not rendered.
Binary file removed src/pages/components/tile/images/tile-usage-21.png
Diff not rendered.
Binary file removed src/pages/components/tile/images/tile-usage-22.png
Diff not rendered.
Binary file removed src/pages/components/tile/images/tile-usage-23.png
Diff not rendered.
Binary file removed src/pages/components/tile/images/tile-usage-24.png
Diff not rendered.
Binary file removed src/pages/components/tile/images/tile-usage-25.png
Diff not rendered.
Binary file removed src/pages/components/tile/images/tile-usage-26.png
Diff not rendered.
Diff not rendered.
Diff not rendered.
Binary file removed src/pages/components/tile/images/tile-usage-3.png
Diff not rendered.
Binary file removed src/pages/components/tile/images/tile-usage-4.png
Diff not rendered.
Binary file removed src/pages/components/tile/images/tile-usage-5.png
Diff not rendered.
Binary file removed src/pages/components/tile/images/tile-usage-6.png
Diff not rendered.
Diff not rendered.
Binary file removed src/pages/components/tile/images/tile-usage-8.png
Diff not rendered.
Binary file removed src/pages/components/tile/images/tile-usage-9.png
Diff not rendered.
Loading
Loading