Skip to content

Components

Jump to bottom Edit New page
ABirdCoder edited this page Mar 30, 2022 · 2 revisions

Components

Think in components. Consider each piece of your UI as an individual "component".

Component Visual

Naming Components

Components will be named with at least two words, with a dash between each word. Examples of components:

  • A like button (.like-button)
  • A search form (.search-form)
  • A news article card (article-card)
  • A namespaced component (.rico-custom-header)

How do you write a component exactly? Let's learn about Elements. Continue →

rscss © 2015+, Rico Sta. Cruz. Released under the MIT License.

Authored and maintained by Rico Sta. Cruz with help from contributors (list).

ricostacruz.com · Github @rstacruz · Twitter @rstacruz

Table of contents

  • rscss
  • Components
  • Structure
    • CSS Structure
  • Notes
    • Pitfalls
    • Apprehensions
    • Other resources
  • Summary
  • External Resources
    • Translations
Note, some of these wiki pages aren't done, hence no link.
Clone this wiki locally