| SCION Toolkit | [Projects Overview][menu-projects-overview] | [Changelog][menu-changelog] | [Contributing][menu-contributing] | [Sponsoring][menu-sponsoring] | | --- | --- | --- | --- | --- | ## [SCION Toolkit][menu-home] > @scion/components Provides Angular-based components and directives with a focus on SCION requirements. > [!NOTE] > `@scion/components` still requires `@angular/animations`. Removal is planned for 2026. - [**Table**][link-tool-table]\ Provides a table for displaying tabular data. - [**Viewport**][link-tool-viewport]\ Provides a viewport component with scrollbars that sit on top of the viewport client. - [**Sashbox**][link-tool-sashbox]\ Provides a sashbox component for splitting content into multiple parts, which the user can resize by moving the splitter between the parts. - [**Splitter**][link-tool-splitter]\ Provides a visual element that allows the user to control the size of elements next to it. - [**Throbber**][link-tool-throbber]\ Provides an animated graphical control, commonly called a spinner, to indicate the execution of an action. You can choose between different presentations: `ellipsis`, `ripple`, `roller`, `spinner`. - [**Dimension**][link-tool-dimension]\ Provides a set of tools for observing the size and position of an element. - [**Icons**][link-scion-icons]\ Learn how to provide application-specific icons to SCION components. - [**Localization**][link-scion-localization]\ Learn how to localize texts in SCION components. - [**SCION Design Tokens**][link-scion-design-tokens]\ SCION provides a set of design tokens to enable consistent design and theming of SCION components. [menu-home]: /README.md [menu-projects-overview]: /docs/site/projects-overview.md [menu-changelog]: /docs/site/changelog.md [menu-contributing]: /CONTRIBUTING.md [menu-sponsoring]: /docs/site/sponsoring.md [link-tool-table]: /docs/site/tools/table.md [link-tool-viewport]: /docs/site/tools/viewport.md [link-tool-sashbox]: /docs/site/tools/sashbox.md [link-tool-splitter]: /docs/site/tools/splitter.md [link-tool-throbber]: /docs/site/tools/throbber.md [link-tool-dimension]: /docs/site/tools/dimension.md [link-scion-design-tokens]: /docs/site/scion-design-tokens.md [link-scion-icons]: /docs/site/scion-icons.md [link-scion-localization]: /docs/site/scion-localization.md