skills.homes logoskills.homescapability registry
home/categories/frontend/arnaudmiribel-streamlit-extras-claude-skills-building-streamlit-custom-components-v2-skill-md
cd ..
frontenddevelopment

building-streamlit-custom-components-v2

Builds bidirectional Streamlit Custom Components v2 (CCv2) using `st.components.v2.component`. Use when authoring inline HTML/CSS/JS components or packaged components (manifest `asset_dir`, js/css globs), wiring state/trigger callbacks, theming via `--st-*` CSS variables, or bundling with Vite. For streamlit-extras, use the `pagination` extra as a reference implementation.

檢視原始碼frontend
arnaudmiribel
maintainer
arnaudmiribel
更新於 3/27/2026
星標
954
分支
169
quick start

Installation and usage

Builds bidirectional Streamlit Custom Components v2 (CCv2) using `st.components.v2.component`. Use when authoring inline HTML/CSS/JS components or packaged components (manifest `asset_dir`, js/css globs), wiring state/trigger callbacks, theming via `--st-*` CSS variables, or bundling with Vite. For streamlit-extras, use the `pagination` extra as a reference implementation.

安裝
$ install --globalskills.sh
使用

安裝後，您可以透過在終端機執行以下指令來使用此技能：

skills use building-streamlit-custom-components-v2