# List of customizable components ## Admonition The Admonition component creates banners to highlight important information on your documentation pages. It supports multiple types (info, warning, success, danger) and can include headers and custom content. Perfect for displaying alerts, important notes, or special callouts. For more information, see [admonition component reference](/docs/realm/customization/react-components/list/admonition). ## Button The Button component is a versatile interactive element that supports multiple variants, sizes, and states. It can be used for actions, navigation, and form submissions with features like: - Multiple visual styles (primary, secondary, outlined, text, link, ghost) - Different sizes (small, medium, large) - Support for icons with customizable positioning - Various states (disabled, blinking) - Tone variations (default, danger) for different contexts For more information, see [button component reference](/docs/realm/customization/react-components/list/button). ## Link The Link component provides consistent navigation functionality throughout your application. It offers: - Internal and external link handling - Customizable styling and behavior - Target control (`_self`, `_blank`) - Language-sensitive routing support - Accessibility features - Event handling capabilities For more information, see [link component reference](/docs/realm/customization/react-components/list/link). ## Resources - **[Customize theme components](/docs/realm/customization/react-components/wrap-components)** - Learn to wrap and customize built-in components to create reusable, branded versions for your project - **[Components usage tutorial](/docs/realm/customization/react-components/use-in-react-page)** - Learn to use your customized components in React pages with practical examples and implementation patterns