Newer Version Available
Custom Component Markup
All markup for a custom component is defined within an <apex:component> tag. This tag must be the top-level tag in a custom component definition. For example:
Notice that the markup can be a combination of Visualforce and HTML tags, just like other Visualforce pages.
For a more complex example, you could use a custom component to
create a form that is used across multiple Visualforce pages. Create a new custom component named recordDisplay and copy the following
code:
Next, create a page called displayRecords
and use the following
code:
For
this example to render properly, you must associate the Visualforce page
with a valid account record in the URL. For example, if 001D000000IRt53 is the account ID, the
resulting URL should
be:
You
should see a page with details about the account you passed in as an
ID.
Now, replace the code in displayRecords with the following sample:
Again, pass in the ID of a contact before
refreshing the page. You should see the page display information about
your Contact.
Custom Component Attributes contains more information on using the <apex:attribute> component.