Skip to content

Docs/example fixes #3687

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

Merged
merged 11 commits into from
Apr 28, 2025
Merged

Docs/example fixes #3687

Changes from 1 commit
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
a1ce5ac
Avoid rendering test component in docs
ethanshar Apr 20, 2025
1d0f3f1
Improve chip example code
ethanshar Apr 20, 2025
0588125
Enhance RadioButton and RadioGroup examples with additional options a…
ethanshar Apr 20, 2025
9da38c0
Fix markdown content issues
ethanshar Apr 20, 2025
2a2089c
Improve ChipsInput snippet
ethanshar Apr 20, 2025
842a79b
Update ColorPalette snippet to include a functional example with stat…
ethanshar Apr 20, 2025
c9e73b0
Refactor ColorPicker snippet to include a functional example with sta…
ethanshar Apr 20, 2025
aed1baa
Enhance SegmentedControl API documentation and snippet examples for c…
ethanshar Apr 20, 2025
7e9f2f2
Update Stepper snippet to include a functional example with minValue …
ethanshar Apr 20, 2025
1a3867f
Remove snippet placeholders
ethanshar Apr 22, 2025
830a497
Merge branch 'master' into docs/example_fixes
nitzanyiz Apr 28, 2025
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
Prev Previous commit
Next Next commit
Update ColorPalette snippet to include a functional example with stat… 
…e management
  • Loading branch information
@ethanshar
ethanshar committed Apr 20, 2025
commit 842a79b103e0f719d245385a901140b9b6f123cc
18 changes: 13 additions & 5 deletions src/components/colorPalette/ColorPalette.api.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,11 +79,19 @@
}
],
"snippet": [
"<ColorPalette",
" colors={['transparent', Colors.green30, Colors.yellow30, Colors.red30]$1}",
" value={selectedColor$2}",
" onValueChange={() => console.log('value changed')$3}",
"/>"

"function Example(props) {",
" const [value, setValue] = useState(Colors.yellow30);",
" return (",
" <View flex padding-s5 gap-s4>",
" <ColorPalette",
" colors={['transparent', Colors.green30, Colors.yellow30, Colors.red30]$1}",
" value={value}",
" onValueChange={setValue}",
" />",
" </View>",
" );",
"}"
],
"docs": {
"hero": {
Expand Down