palantir/blueprint

Add bordered prop to the Section component

Aperta

#6577 aperta il 30 nov 2023

Vedi su GitHubGuida contributor
 (1 commento) (0 reazioni) (0 assegnatari)TypeScript (2167 fork)batch import
P2Package: coreType: feature requesthelp wanted

Metriche repository

Star
 (20.263 stelle)
Metriche merge PR
 (Merge medio 43g 10h) (27 PR mergiate in 30 g)

Descrizione

Environment

  • Package version(s): BP5
  • Browser and OS versions:

Feature request

It would be nice to have a prop in the Section component called Bordered (similar to the CardList) that allows the consumer of the component to decide whether to render the border lines of Section.

In addition to removing the border, the gap between the title and the body of the section should be reduced to 15px when bordered is false. Removing just the border leaves too much space.

Examples

Guida contributor

Direzione di ricerca
Inizia individuando il file sorgente del componente Section nel repository Blueprint (probabilmente in packages/core/src/components/section/). Esamina le props esistenti del componente Section e come il componente CardList implementa la sua prop 'bordered' come riferimento. Implementa una nuova prop booleana 'bordered' che attiva/disattiva il bordo e riduce lo spazio tra titolo e corpo a 15px quando è false. Aggiorna di conseguenza gli stili del componente, possibilmente utilizzando moduli CSS o il sistema di stile di Blueprint. Assicurati che le modifiche siano coerenti con le convenzioni BP5. C'è un commento sull'issue di febbraio 2024 che chiede lo stato, nessun PR collegato.
Tech stack
typescriptreactcss
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Abbastanza chiara
Prerequisiti
GitReactCSSTypeScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75