ButtonExample() — ui Function Reference

Architecture documentation for the ButtonExample() function in button-example.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ ButtonExample() — ui Function Reference

Dependency Diagram

graph TD
  9df6e9bf_e77c_dfab_2511_23d41431edc5["ButtonExample()"]
  406a095d_2246_161a_f71b_085efd146c9e["button-example.tsx"]
  9df6e9bf_e77c_dfab_2511_23d41431edc5 -->|defined in| 406a095d_2246_161a_f71b_085efd146c9e
  style 9df6e9bf_e77c_dfab_2511_23d41431edc5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/examples/button-example.tsx lines 8–19

export default function ButtonExample() {
  return (
    <ExampleWrapper className="lg:grid-cols-1 2xl:grid-cols-1">
      <ButtonVariantsAndSizes />
      <ButtonIconRight />
      <ButtonIconLeft />
      <ButtonIconOnly />
      <ButtonInvalidStates />
      <ButtonExamples />
    </ExampleWrapper>
  )
}